FusionCharts 2D柱状图

1、设计思路

（1）利用FusionCharts设计出一个2D柱状图

（2）柱状图的数据源是由XML提供，可以在里面设置柱状图的属性

2、设计步骤

（1）新建一个HTML静态页面，取名column2D.html

  

    
        
        
  
        
  
        <script type="text/java script" src="../script/jquery-1.10.2.js">
        <script type="text/java script" src="../script/Charts/FusionCharts.js">
        
        <script type="text/java script">
            $(function(){
                var column2D = new FusionCharts( "../script/Charts/Column2D.swf", "myChartId", "100%", "520", "0" );
                column2D.setXMLUrl("data/column2D.xml");
                column2D.render("column2DChart");   
            });