FusionCharts使用JavaScript加载图表
最近在使用FusionCharts制作Web图表啊,无意中发现一篇介绍使用Javascript加载图形的博客,在这里分享给诸位:
使用JavaScript加载图形的步骤:
FusionCharts提供的一个JavaScript类来加载图形。
这个JS类文件就在FusionCharts>JSClass文件夹下,我们把它拷贝到c:\FusionCharts\FusionCharts下面。
现在,我们把原来的Chart.html复制一份,命名为JSChart.html。这样做是为了避免直接在Chart.html上进行修改,因为以后还要用到Chart.html。
首先,我们用下面的语句来加载FusionCharts.js文件。
<script language="JavaScript" src="../FusionCharts/FusionCharts.js"></script>
然后,我们定义了一个DIV,它还有个id。
图形将出现这个DIV里,到时这里的字将被图形替代。
我们的图形就出现在这个DIV里。
接着,我们用四个参数建立了一个FusionCharts对象,
var myChart = new FusionCharts("../FusionCharts/FusionCharts_Column3D.swf", "myChartId", "600", "500");
第一个参数是SWF文件的地址。
第二个是图形的id。这个id你可以随便叫什么,但是要注意,在后面我们讲到一个页面里有多个图形的时候,这个id一定要是唯一的。
第三个参数是图形的宽。
第四个参数是图形的高。
我们还要设置数据文件的地址。
myChart.setDataURL("Data.xml");
最后,我们把图形渲染在指定的地方。
myChart.render("chartdiv");
"chartdiv"就是前面的DIV的id,这就表示把图形render到"chartdiv"。
现在你运行JSChart.html,你会看到同Chart.html一样的效果。很显然使用JavaScript加载图形,更方便,更直观。
查看原文《FusionCharts使用JavaScript加载图表》
javascript
FusionCharts
------解决方案--------------------找了很久,终于有个专业的