当前位置: 代码迷 >> Web前端 >> FusionChart应用步骤
  详细解决方案

FusionChart应用步骤

热度:39   发布时间:2012-11-23 22:54:33.0
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