FusionCharts使用入门

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

【         FusionCharts_Free中文API              

【         FusionCharts中文开发指南               】

【        FusionCharts学习笔记(一)             】

【        FusionCharts的使用方法                     】

【        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>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容