FusionCharts 2D折线图

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

1、设计思路

(1)首先,了解FusionCharts中折线图的原理,数据源结构;

(2)然后,了解FusionCharts中图的共性以及折线图属性的特性;

(3)最后,开始设计折线图,JS等等。

2、设计步骤

(1)这里,我是写的静态页面,利用jQuery设计折线图的图类以及数据源的路径

$(function(){
                var line2D = new FusionCharts( "../script/Charts/Line.swf", "myChartId", "100%", "520", "0" );
                line2D.setXMLUrl("data/line2D.xml");
                line2D.render("line2DChart");   
            });
(2)设置数据源

  

  

   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   


  

(3)引入FusionCharts

 
        
  

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