使用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
分享到:
相关推荐
fusionChart使用json数据实现报表 fusionChart使用json数据实现报表
fusionChart使用json数据实现报表.pdf
fusionchart实例,可以更好的帮助你掌握fusionchart
FusionChart中文使用手册
extjs中使用FusionChart举例
FusionChart FusionChart.js
fusionchart v3. 0参数大全+中文说明+使用手册,fusionchart v3. 0参数大全+中文说明+使用手册
fusionchart服务端的图片下载 简单的小案例,适合刚接触fusionchart的人学习。
fusionchart的java简单封装fusionchart的java简单封装fusionchart的java简单封装fusionchart的java简单封装fusionchart的java简单封装fusionchart的java简单封装
1.FusionChart的简单使用,使用它可以显示丰富的柱状图和曲线图,而且完全免费。 2.此为MyEclipse工程,直接导入即可,调试时使用的是Tomcat 6.0。 3.可以自己再扩展,参考文档为:...
FusionChart和FusionWidgets破解版,目前世界上最好的图表展示软件。
此手册详细介绍了fusionchart的安装及详细应用,以及各种不同的生成示例代码
完整的fusionchart开发资源、文档,公司项目使用的。
fusionchart报表 demo
FusionChart_API +3.2破解版文件 +一个eclipse_FusionChartDemo +pdf使用教程 我把fusionchart常用的所有资源都打包放在这里了,需要的抱走吧。肯定有用的。
fusionchart出图时,支持仪表盘展现的简单范例!
fusionchart
FusionChart官网的使用许可说明
提供了一个3D柱状图Column3D的破解,已测试通过