1、静态页面

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>FusionCharts MSBar3D图</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 double3DBar = new FusionCharts( "../scripts/Charts/MSBar3D.swf", "doubleLineId", "100%", "540", "0" );
      		  double3DBar.setXMLUrl("data/doubleLine.xml");
              double3DBar.render("double3DBarChart");
        });
    </script>

  </head>

  <body>
     <div id="double3DBarChart"></div>
  </body>
</html>

2、数据源

<?xml version="1.0" encoding="UTF-8"?>
<chart caption='2012和2013年某桥一周通过的人数' xAxisName='星期' yAxisName='人数' showValues='0'
       baseFont='微软雅黑' baseFontSize='14' baseFontColor='#FF0000' 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. JSTL 自定义标签
2. node.js之path
3. actionbar部分设置：colorPrimary colorPrimaryDark colorAccent 下部阴影
4. 《JavaScript权威指南》读书笔记（四）
5. hibernate 组件（Component）映射
6. 微软Azure 存储管理器的简单介绍
7. Java基础知识强化97：final、finally、finally区别
8. NSUserDefaults写作和阅读对象定义自己
9. KVM之七：KVM克隆
10. Java中List集合的三种遍历方式(全网最详)
11. 【Android 应用开发】Android中使用ViewPager制作广告栏效果 - 解决ViewPager占满全屏页面适配问题
12. 模块度Q
13. USACO Section 1.3 题解 （洛谷OJ P1209 P1444 P3650 P2693)
14. MySQL技巧（一）
15. shell 读取配置文件的方法
16. mysql 5.7 ERROR 1054(42S22) Unknown column 'password' in ‘field list’ 报错
17. [POSIX]文件系统（概述）
18. 杨其菊201771010134《面向对象程序设计（java）》第六周学习总结
19. java常用代码段整理（持续更新）
20. Nginx 到底可以做什么

热门文章

1. 淘宝地址爬取及UI展示
2. 不干胶打印机 www.bgjdyj.com
3. cdh版本的hive安装以及配置
4. 简单DNA序列组装（非循环子图）
5. Redis服务器启动之后3个警告信息的解决方案
6. redis主从复制入门案例
7. ConcurrentHashMap源码分析（一）
8. 浅显总结ASCII Unicode UTF-8的区别
9. supervisor配置文件详解
10. ps调整文字平滑