本文簡單介紹一下FusionChart圖表控件使用步驟及常見問題。

1）在html頁面中導入文件FusionCharts.js

<script type="text/javascript" src="/mro/js/FusionCharts.js"></script>

2）將需要用到的chart復制到工程的指定文件夾下。

3）在頁面中添加如下代碼：

其中xmlStr為在后臺Action中動態生成的xml字符串，也可從硬盤的某個路徑下讀取，讀取方法為chart1.setDataURL("Data.xml")

<div style="width:500;height:30px; padding:1 0 0 11; position:absolute; " >
    <iframe frameborder="0" scrolling="no" width="375" height="20px" style="top:2px;" ></iframe>
</div>
<div id="chart1div" class="chart1div" align="center" style="height:250px;z-index:-111;">
</div>

<script language="JavaScript">			
	var chart1 = new FusionCharts("../charts/MSColumn2D.swf", "ChartId", "100%", "250", "0", "0");
	chart1.setDataXML("${xmlStr?if_exists}");
	chart1.render("chart1div");
</script>

4）FusionChart使用常見問題：

1.加載圖形的進度條一直存在，或右鍵單擊圖形處顯示“Movie not loaded”，可能原因：

       a.系統中沒有對應的swf文件；
       b.頁面上swf文件的路徑錯誤

2.顯示“Error in Loading Data”

       用setDataURL()設置圖形所要顯示的數據的時候，參數xml文件的路徑是否寫錯

3.錯誤信息“Invalid XML Data”

       XML數據格式不正確