FusionCharts使用入门

FusionCharts是一个跨平台，跨浏览器的flash图表组件解决方案，能够被 ASP, PHP, JSP, ColdFusion, Ruby on Rails, 简单 HTML页面甚至PPT调用。

1. 在web项目目录下新建一个文件夹(如FusionCharts)，并把需要的SWF 文件都拷贝到这个文件夹里。

2.在页面导入FusionCharts.js 文件，如：

<script type="text/javascript" src="FusionCharts/FusionCharts.js"></script>

3. js加载数据生成报表(有两种方法)

方法一：xml文件引用法

(1)定义一个固定格式的xml文件（Data.xml）

(2) js加载方法，代码如下：

<div id=”chartdiv1”></div>

<script type="text/javascript">

      var chart = new FusionCharts("FusionCharts/Column3D.swf","chartid", "600","300");

      chart.setDataURL("Data.xml");

      chart.render("chartdiv1");

</script>

方法二：字符串加载法

（1） 定义一个有固定格式的字符串，即可以将上述xml文件组合成字符串

var dataXml = “****” ; //xml文件文本内容

（2）js加载方法，代码如下：

<div id=”chartdiv1”></div>

<script type="text/javascript">

      var chart2 = new FusionCharts("FusionCharts/Column3D.swf","chartid2", "600","300");

      chart2.setDataURL(dataXml);

      chart2.render("chartdiv1");

</script>