使用FusionCharts进行绘制报表最重要的环节就是如何把XML数据传送给FusionCharts。官方提供的脚本文件(FusionCharts.js)中,定义了一个对象FusionCharts,利用该对象即可完成与swf文件的交互。 FusionCharts对象共有四个方法: - 初始化方法:FusionCharts(swf,id,w,h)
例如:FusionCharts("../FCF_Column3D.swf", "chart1", "850", "370") - Swf:swf文件的url
- Id:用以标示该对象
- W:宽度
- H:高度
- 利用XML文件填充FusionCharts对象:dataURL(url)
例如:dataURL("../data.xml ") - url:XML文件所在的URL
- 利用XML字符串填充FusionCharts对象:dataXML(str)
例如:chart1.setDataURL("<graph><set name='A供电公司' value='14' /></graph>") - Str:匹配格式的字符串
- 将FusionCharts对象填充到指定的div标签处:render(div)
例如:render("divid") - Div:div标签的id
- 利用XML文件填充并刷新FusionCharts对象:updateChartURL(url)
例如:updateChartURL("../data.xml ") - url:XML文件所在的URL
- 利用XML字符串填充并刷新FusionCharts对象:updateChartXML(str)
例如:updateChartXML("<graph><set name='A供电公司' value='14' /></graph>") 例如: <div id="chart1div">Charts在这里显示</div> <script type="text/javascript"> var chart1 = new FusionCharts("Column2D.swf", "ChId1", "600", "400", "0", "0"); chart1.setDataURL("Data.xml"); //此处可以替换为: //chart1.setDataURL("<graph><set name='A供电公司' value='14' /></graph>"); chart1.render("chart1div"); function updateChart(){ var xml; //异步传输机制,获取xml //xml = "<graph><set name='A供电公司' value='14' /></graph>" updateChartXML('chart1Id',xml); } </script>
|
|