在使用FusionCharts的时候,用户可以先创建一个简单的图表,然后改变它的数据(请参见下面的代码)。图表最初据显示8月份的销售数据,当用户点击按钮时改为显示9月份的销售数据。每个月都有单独的XML文件,代码如下:
<html> <head> <title>Update Chart data</title> <script type="text/javascript" src="../../FusionCharts/FusionCharts.js"> </script> </head> <body> <div id="chartContainer">FusionCharts will load here!</div> <script type="text/javascript"> <!-- var myChart = new FusionCharts( "../../FusionCharts/Column3D.swf", "myChartId", "400", "300", "0", "1" ); myChart.setXMLUrl("AugustData.xml"); myChart.render("chartContainer"); function changeMonth() { var chartReference = FusionCharts("myChartId"); chartReference.setXMLUrl("SeptemberData.xml"); } // --> </script> <input type="button" onClick="changeMonth();" value="Change Month"> </body> </html>
在上面的代码中,我们使用8月的数据创建了一个图表,数据存在于AugustData.xml文件中。然后创建了一个HTML按钮,用于调用一个JavaScript函数chageMonth()。 在这个函数有:
- 使用FusionCharts(“myChartId”)追踪图表
- 使用setXMLData()函数更新图表
- 传递包含9月份数据的"SeptemberData.xml"文件到setXMLData()
最终图表如下所示:
相关推荐
利用FusionCharts 实现数据图表展示 利用FusionCharts 实现数据图表展示 利用FusionCharts 实现数据图表展示 利用FusionCharts 实现数据图表展示
内容包括 FusionCharts破解去连接版,FusionCharts 3.1 破解版,FusionCharts配置文件,FusionChartsFree中文开发指南电子书,以及如何消除中文乱码的方法文章。内容很全。
FusionCharts图表控件FusionCharts图表控件FusionCharts图表控件FusionCharts图表控件
FusionCharts图表控件中文版使用手册。构成fusionCharts的三要素:swf、data.xml、承载图表的载体
js实现图表-FusionCharts 这里支持C#,vb.net,php,jsp等开发语言,做报表是不错的选择
fusioncharts asp.net 图表 控件示例
Android上,使用FusionCharts进行图表控件封装 http://blog.csdn.net/drlyee/article/details/25240407文章的资源
FusionCharts图表控件中文版使用手册
同事写的FusionCharts图表控件中文版使用手册.doc 对于初学都比较适用。
FusionCharts JavaScript图表库的一个简单轻巧的官方React组件。 react-fusioncharts使您可以轻松地在React应用程序或项目中添加JavaScript图表。 Github回购: : 文档: : 支持: : 融合图 官方网站: : ...
FusionCharts图表控件ABC入门.ppt 用大量图表展示FusionCharts的强大功能
FusionCharts图表组件简单使用
FusionCharts参数及功能特性详解实例
用fusioncharts使用json格式数据展示图表
FusionCharts图表控件中文版使用手册定义.pdf
FusionCharts图表控件中文版使用手册整理.pdf
Github回购: : 支持: : 融合图官方网站: : 官方NPM软件包: : 问题: : 目录安装用法使用图表API 处理事件快速开始超越图表FusionTime的使用与集成对于贡献者发牌 入门 要求在您的操作系统中全局安装了Node.js ...
FusionCharts JavaScript图表库的一个简单而轻巧的官方Angular组件。 angular-fusioncharts使您可以轻松地在Angular应用程序中添加JavaScript图表。 Github回购: : 文档: : 支持: : 融合图 官方网站: : ...