FusionChart使用步骤

使用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数据格式不正确

 

附件是：FusionCharts.js