FusionCharts是一个跨平台,跨浏览器的flash图表组件解决方案,能够被 ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, 简单 HTML页面甚至PPT调用。
【 FusionCharts属性大全 】
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>