文檔金喜正規買球>>Flash圖表控件 FusionCharts 使用教程>>JS圖表控件FusionCharts使用教程:為JavaScript圖表提供數據
JS圖表控件FusionCharts使用教程:為JavaScript圖表提供數據
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 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最新版