文檔半島外圍網上直營>>Flash圖表控件 FusionCharts 使用教程>>JS圖表控件FusionCharts使用教程：為JavaScript圖表提供數(shù)據(jù)
JS圖表控件FusionCharts使用教程：為JavaScript圖表提供數(shù)據(jù)
FusionCharts的JavaScript類提供了一系列的函數(shù)來提供圖表數(shù)據(jù)。 FusionCharts的JavaScript類支持XML或JSON格式的數(shù)據(jù)。這些數(shù)據(jù)可以是URL或字符串。
以XML文件為數(shù)據(jù)源，示例代碼如下：
<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>
在上面的代碼中,圖表數(shù)據(jù)來源于一個外部XML文件，該文件提供的Url由setXMLUrl()函數(shù)提供。
使用XML字符串作為數(shù)據(jù)來源：
如果在JavaScript中有XML數(shù)據(jù)作為字符串,你可以使用setDataXML()函數(shù)來提供這個XML字符串,如下面的代碼所示:
// String containing chart XML var strXML = ""<chart><set value='100' label='Week 1'/>...</chart>""; myChart.setXMLData( strXML ); 》》》免費下載FusionCharts最新版
QQ交談
在線咨詢
渝公網安備
50010702500608號
客服熱線