FusionCharts如何为JavaScript图表提供数据
操作方法
- 01
FusionCharts的JavaScript类提供了一系列的函数来提供图表数据。 FusionCharts的JavaScript类支持XML或JSON格式的数据。这些数据可以是URL或字符串。 以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 loadhere!</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='Week1'/>...</chart>""; myChart.setXMLData( strXML );