使用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