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