FusionCharts使用教程:为JavaScript图表提供数据
2013-09-05 14:42
585 查看
FusionCharts的JavaScript类提供了一系列的函数来提供图表数据。 FusionCharts的JavaScript类支持XML或JSON格式的数据。这些数据可以是URL或字符串。
以XML文件为数据源,示例代码如下:
在上面的代码中,图表数据来源于一个外部XML文件,该文件提供的Url由setXMLUrl()函数提供。
使用XML字符串作为数据来源:
如果在JavaScript中有XML数据作为字符串,你可以使用setDataXML()函数来提供这个XML字符串,如下面的代码所示:
》》》FusionCharts免费下载地址
以XML文件为数据源,示例代码如下:
<html> <head> <title>My First chart using FusionCharts</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", "0" ); myChart.setXMLUrl("Data.xml"); myChart.render("chartContainer"); // --> </script> </body> </html>
在上面的代码中,图表数据来源于一个外部XML文件,该文件提供的Url由setXMLUrl()函数提供。
使用XML字符串作为数据来源:
如果在JavaScript中有XML数据作为字符串,你可以使用setDataXML()函数来提供这个XML字符串,如下面的代码所示:
// String containing chart XML var strXML = ""<chart><set value='100' label='Week 1'/>...</chart>""; myChart.setXMLData( strXML );
》》》FusionCharts免费下载地址
相关文章推荐
- FusionCharts Free使用文档教程第四章-FusionCharts Free使用JavaScript加载图形
- FusionCharts使用教程二:如何自定义FusionCharts图表上的工具提示
- FusionCharts Free使用文档教程第五章-FusionCharts Free使用dataXML加载数据
- FusionCharts Free使用文档教程第五章-FusionCharts Free使用dataXML加载数据
- FusionCharts Free使用文档教程第四章-FusionCharts Free使用JavaScript加载图形
- JavaScript图表对比评测:FusionCharts vs HighCharts
- FusionCharts使用教程:Fusioncharts API参考方法(Functions)总结
- FusionCharts Free使用文档教程第一章--FusionCharts Free介绍
- 跨平台图表控件TeeChart使用教程:将图表数据导出为XML格式
- 跨平台图表控件TeeChart使用教程:导入XML数据
- 使用FusionCharts创建可更新数据的JavaScript图表
- FusionCharts Free中文开发指南 第四章--使用JavaScript加载图形
- FusionCharts Free使用文档教程第二章-FusionCharts Free安装
- FusionCharts Free-使用JS加载-flash图表
- FusionCharts Free中文开发指南 第五章--使用dataXML加载数据
- 解决使用FusionCharts以后从后台获取数据中文乱码的问题
- 在 SharePoint 2010 中使用Flash图表控件 Fusion Charts
- 跨平台图表控件TeeChart使用教程:导入XML数据
- ECharts-基于Canvas,纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表
- FusionCharts使用教程四:调用静态方法RenderChart