FusionCharts 2D双面积图
来源:互联网 发布:太空工程师无人机编程 编辑:程序博客网 时间:2024/05/01 05:00
1、页面doubleArea.html
doubleArea.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>FusionCharts 2D双面积图</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="../scripts/jquery-2.0.3.js"></script> <script type="text/javascript" src="../scripts/Charts/FusionCharts.js"></script> <script type="text/javascript"> $(function(){ var doubleArea = new FusionCharts( "../scripts/Charts/MSArea.swf", "doubleAreaId", "100%", "540", "0" ); doubleArea.setXMLUrl("data/doubleArea.xml"); doubleArea.render("doubleAreaChart"); }); </script> </head> <body> <div id="doubleAreaChart"></div> </body></html>2、双面积图数据源
doubleArea.xml:
<?xml version="1.0" encoding="UTF-8"?><chart caption='2012和2013年某桥一周通过的人数' xAxisName='星期' yAxisName='人数' showValues='0' baseFont='微软雅黑' baseFontSize='14' baseFontColor='#00FF00' outCnvBaseFont='宋体' outCnvBaseFontSize='20' outCnvBaseFontColor='#00FF00' legendShadow='1' legendAllowDrag='1' reverseLegend='1' interactiveLegend='1' legendNumColumns='2' minimiseWrappingInLegend='1' showLegend='1' legendPosition='BOTTOM' showZeroPlane='1'> <categories> <category label='星期一' /> <category label='星期二' /> <category label='星期三' /> <category label='星期四' /> <category label='星期五' /> <category label='星期六' /> <category label='星期日' /> </categories> <dataset seriesName='2012'> <set value='656445' /> <set value='412555'/> <set value='956566' /> <set value='125645' /> <set value='561124' /> <set value='265655' /> <set value='451212' /> </dataset> <dataset seriesName='2013'> <set value='154512'/> <set value='598655'/> <set value='654544'/> <set value='956565'/> <set value='245454' /> <set value='965565' /> <set value='454545' /> </dataset></chart>
3、结果如图所示
1 0
- FusionCharts 2D双面积图
- FusionCharts 2D折线图
- FusionCharts 2D面积图
- FusionCharts 2D条状图
- FusionCharts 2D双折线图
- Flex中的FusionCharts 2D折线图
- Flex中的FusionCharts 2D面积图
- Fusioncharts ---多折线图,多柱形图(2D)
- FusionCharts 2D柱状图
- FusionCharts 2D饼图
- FusionCharts 2D环饼图
- FusionCharts 2D帕累托图
- FusionCharts-2D圆盘
- FusionCharts 2D双柱状图
- FusionCharts 2D圆盘代码
- FusionCharts 2D柱状图代码
- FusionCharts 2D柱状图和折线图的组合图
- Flex中的FusionCharts 2D饼图
- Linux getopt 函数用法
- java语法基础
- Win7下Cocos2d-x跨平台游戏开发-开发环境搭建
- 王家林的81门一站式云计算分布式大数据&移动互联网解决方案课程第三门课程:云计算分布式大数据Hadoop征服之旅:HDFS&MapReduce&HBase&Hive&集群管理
- Java面向对象
- FusionCharts 2D双面积图
- 王家林的81门一站式云计算分布式大数据&移动互联网解决方案课程第四门课程:云计算架构实例与案例鉴赏
- poj1315 Don't Get Rooked
- 电梯模拟系统
- iOS开发笔记之多点触控(三) 调用UITouch对象方法——locationInView,多点移动多个对象
- nyoj 356-Jumping Cows
- TextView自动提示输入内容
- vc中通过MSXML操作XML文件
- cocos2d-x CCAction动作学习笔记