FusionCharts 3D柱状图

2014-11-24 07:44:39 · 作者: · 浏览: 0

1、设计思路

(1)根据FusionCharts的API,设计出3D柱状图;

(2)3D柱状图的数据源是由XML提供。

2、设计步骤

(1)新建静态页面,column3D.html


  

    
        FusionCharts 3D柱状图
        
  
        
  
        <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 column3D = new FusionCharts( "../script/Charts/Column3D.swf", "myChartId", "100%", "520", "0" );
                column3D.setXMLUrl("data/column3D.xml");
                column3D.render("column3DChart");   
            });
        
    
    
        
  
(2)设计3D柱状图的数据源,column3D.xml

  

  

   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   


  
3、设计结果(如图所示)