FusionCharts动态改变图形的类型和数据

来源:互联网 发布:html5 css3游戏源码 编辑:程序博客网 时间:2024/04/30 03:29

在项目中,我们有时会需要在页面上方便地改变图形的类型,当然,如果页面不刷新就能看到改变的结果,那是最理想的。

在FusionCharts里,是怎么实现动态改变图形的类型的需求呢?简单点说,思路是这样的:

1、使用JavaScript加载第一个图形(如柱状图),至于是用dataXML方法,还是dataURL方法,都可以。

2、当需要改变图形类型(如改成饼图)时,我们再创建一个新的FusionCharts类实例(它的SWF文件是饼图),把它render到原来的DIV。

至于动态改变数据只需要在新建实例的时候,传入新的数据就可以了。FusionCharts给我们提供了一个简单的方法,那就是updateChartXML(domid,data)。它的第一个参数就是我们在创建FusionCharts实例时设置的图形domid,第二个参数是XML数据字符。

 

详细代码请参考:

FusionCharts如何实现动态改变图形的类型和数据