FusionCharts是一個跨平臺,跨瀏覽器的flash圖表組件解決方案,能夠被 ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, 簡單 HTML頁面甚至PPT調用。
【???????? FusionCharts_Free中文API ? ? ? ? ? ? ? 】
【???????? FusionCharts中文開發指南?????????????? 】
【??????? FusionCharts學習筆記(一)???????????? 】
【??????? FusionCharts的使用方法???????????????????? 】
【??? ? ? FusionCharts屬性大全? ? ? ? ? ? ? ? ? ? ? ? ? 】
1. 在web項目目錄下新建一個文件夾(如FusionCharts),并把需要的SWF 文件都拷貝到這個文件夾里。
2.在頁面導入FusionCharts.js?文件,如:
<script type="text/javascript" src="FusionCharts/FusionCharts.js"></script>
3.?js加載數據生成報表(有兩種方法)
方法一:xml文件引用法
(1)定義一個固定格式的xml文件(Data.xml)
(2) js加載方法,代碼如下:
<div id=”chartdiv1”></div><script type="text/javascript">
????? var chart =?new?FusionCharts("FusionCharts/Column3D.swf","chartid",?"600","300");
????? chart.setDataURL("Data.xml");
????? chart.render("chartdiv1");
</script>
方法二:字符串加載法
(1)?定義一個有固定格式的字符串,即可以將上述xml文件組合成字符串
var?dataXml?=?“****” ; //xml文件文本內容
(2)js加載方法,代碼如下:
<div id=”chartdiv1”></div>
<script type="text/javascript">
????? var chart2?=?new?FusionCharts("FusionCharts/Column3D.swf","chartid2",?"600","300");
????? chart2.setDataURL(dataXml);
????? chart2.render("chartdiv1");
</script>