1、XML提供数据源

Pyramid.xml：

<?xml version="1.0" encoding="UTF-8"?>

<chart manageresize="1" animation="0" decimals="0" caption="一周分布人数" baseFontSize="18"

       showpercentvalues="1" smartlinecolor="333333" showborder="0" showtooltipshadow="1" >

	<set value="48940" label="星期一" />

	<set value="67845" label="星期二" />

	<set value="50421" label="星期三" />

	<set value="27850" label="星期四" />

	<set value="40121" label="星期五" />

	<set value="78455" label="星期六" />

	<set value="56454" label="星期日" />

</chart>

2、页面源码

Pyramid.jsp：

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>FusionChart金字塔图</title>

<script type="text/javascript" src="../Scripts/JS/jquery-1.10.2.js"></script>

<script type="text/javascript" src="../Chart/JS/FusionCharts.js"></script>

<script type="text/javascript">

    $(function(){

    	 var pyramid = new FusionCharts( "../Chart/SWF/Pyramid.swf", "pyramidId", "1280", "550", "0" );

    	 pyramid.setXMLUrl("xml/Pyramid.xml");

    	 pyramid.render("Pyramid");

    });

</script>

</head>

<body>

   <div id="Pyramid"></div>

</body>

</html>

3、运行结果如下：

FusionChart实现金字塔分布图的更多相关文章

  1. HighCharts之2D金字塔图

    HighCharts之2D金字塔图 1.实例源码 Pyramid.html: <!DOCTYPE html> <html> <head> <meta char ...

  2. Atitit.软件开发的三层结构isv金字塔模型

    Atitit.软件开发的三层结构isv金字塔模型 第一层,Implements 层,着重与功能的实现.. 第二次,spec层,理论层,设计规范,接口,等.流程.方法论 顶层,val层,价值观层,原则, ...

  3. FusionChart 水印破解方法（代码版）

    网上一直找不到有关去除水印的方法! 正好做项目要用到这个鬼东西,折腾了一天,总算破解成功,把方法告诉大家. 先看下破解前的效果. 这是个很烦人的东西,而且有一个更加让人烦人的地方, 就是根本无法买!为 ...

  4. IE 6 全球分布图 - 中国一枝独秀

    随着 Windows 8.1 预览版的发布,IE11也与大家见面了,不久后 IE 11 还将登陆 Windows 7 平台.但是,时至今日,在世界的某个地方,仍然有大量的用户在使用老态龙钟的 IE 6 ...

  5. 在Excel中制作金字塔条形图

    使用场景:一项市场调查研究中,男性和女性.赞同和反对.满意和不满意的两方面的消费者,他们在某些项目上的指标分布特性一项产品组合决策中,乐观场景和悲观场景下各产品的获利情况一个产品试销活动中,不同门店渠 ...

  6. arcgis制作兴趣点分布图

    数据准备: 1.矢量:芜湖市区行政区.shp  企业分布点.shp 2.影像:Landsat 8 软件:arcgis 10.3  Envi4.8 目的:制作一幅以市区行政区为底图的企业分布点的图,同时 ...

  7. SIFT中的尺度空间和传统图像金字塔

    SIFT中的尺度空间和传统图像金字塔 http://www.zhizhihu.com/html/y2010/2146.html 最近自己混淆了好多概念,一边弄明白的同时,也做了一些记录,分享一下.最近 ...

  8. Atitit 图像金字塔原理与概率 attilax的理解总结qb23

    Atitit 图像金字塔原理与概率 attilax的理解总结qb23 1.1. 高斯金字塔  (  Gaussianpyramid): 拉普拉斯金字塔 (Laplacianpyramid):1 1.2 ...

  9. OpenCV图像金字塔：高斯金字塔、拉普拉斯金字塔与图片尺寸缩放

    这篇已经写得很好,真心给作者点个赞.题目都是直接转过来的,直接去看吧. Reference Link : http://blog.csdn.net/poem_qianmo/article/detail ...

随机推荐

  1. Javascipt 时间格式化（日期）

    Date.prototype.format =function(format){ var o = { "M+" : this.getMonth()+1, //month " ...

  2. ASP.NET实现年月日三级联动（局部刷新）

    直接上代码,不多说别的了 <asp:ScriptManager ID="ScriptManager1" runat="server"> </a ...

  3. phpMyAdmim无法打开或空白页面问题解决

    环境:windows环境 安装方式:appserv 安装完appserv之后,发现phpMyAdmin无法打开,具体表现为输入root用户名和密码之后长时间无法进入管理页面或进入之后一片空白.这种情况 ...

  4. wdcp/wdlinux一键包的php5.3版本添加Zend.so 和Soap.so

    Wdcp 安装soap扩展 1.首先进入 soap模块的安装文件,wdcp安装包解压对应的php中有,如:/root/miloxi/lanmp/php-5.5.10/ext/soap 2.执行: (1 ...

  5. PHP iconv()编码转换函数用法示例

    PHP iconv()字符编码转换函数的用法,iconv()函数,在php5中是内置的,语法格式:iconv("UTF- 8","GB2312//IGNORE" ...

  6. twisted(3)--再谈twisted

    上一章,我们直接写了一个小例子来从整体讲述twisted运行的大致过程,今天我们首先深入一些概念,在逐渐明白这些概念以后,我们会修改昨天写的例子. 先看下面一张图: 这个系列的第一篇文章,我们已经为大 ...

  7. 常用排序算法之——选择排序（C语言+VC6.0平台）

    选择排序是另一种经典排序算法,核心思想是:在一趟找最小(大)数的过程中,先假设待排数据中的第一个数据即为最小(大)数据,然后循环将其他数据与该数据比较,每次比较时若小于该数据则让新数据成为最小(大)数 ...

  8. Java订单号（时间加流水号）

    import java.io.BufferedReader; import java.io.BufferedWriter; import java.io.File; import java.io.Fi ...

  9. 转：redis windows下的环境搭建

    原文来自于:http://www.2cto.com/os/201204/125971.html   下载地址:https://github.com/dmajkic/redis/downloads 下载 ...

  10. 高性能web

    http://developer.51cto.com/art/201104/255619.htm http://developer.51cto.com/art/201104/254031.htm ht ...