fusioncharts.js_fusioncharts api_fusioncharts属性大全

最近在使用FusionCharts制作Web图表啊，无意中发现一篇介绍使用Javascript加载图形的博客，在这里分享给诸位：

使用JavaScript加载图形的步骤：

FusionCharts提供的一个JavaScript类来加载图形。

这个JS类文件就在FusionCharts>JSClass文件夹下，我们把它拷贝到c:\FusionCharts\FusionCharts下面。

现在，我们把原来的Chart.html复制一份，命名为JSChart.html。这样做是为了避免直接在Chart.html上进行修改，因为以后还要用到Chart.html。

首先，我们用下面的语句来加载FusionCharts.js文件。

＜scriptlanguage="JavaScript"src="../FusionCharts/FusionCharts.js"＞＜/script＞

然后，我们定义了一个DIV，它还有个id。fusioncharts.js

图形将出现这个DIV里，到时这里的字将被图形替代。

我们的图形就出现在这个DIV里。

接着，我们用四个参数建立了一个FusionCharts对象，

varmyChart=newFusionCharts("../FusionCharts/FusionCharts_Column3D.swf","myChartId","600","500");

第一个参数是SWF文件的地址。

第二个是图形的id。fusioncharts.js这个id你可以随便叫什么，但是要注意，在后面我们讲到一个页面里有多个图形的时候，这个id一定要是唯一的。

第三个参数是图形的宽。

第四个参数是图形的高。

我们还要设置数据文件的地址。

myChart.setDataURL("Data.xml");

最后，我们把图形渲染在指定的地方。

myChart.render("chartdiv");

"chartdiv"就是前面的DIV的id，这就表示把图形render到"chartdiv"。

现在你运行JSChart.html，你会看到同Chart.html一样的效果。很显然使用JavaScript加载图形，更方便，更直观。

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/ruanjian/article-49699-1.html