FusionChart中引入图类型和数据源方法

iteye_8264

于 2013-08-25 13:31:00 发布

阅读量79

点赞数

文章标签： javascript ViewUI

本文介绍了使用FusionCharts进行图表展示时的三种数据加载方式：通过XMLUrl指定外部XML文件路径、通过DataURL指定数据文件路径以及直接在脚本中使用DataXML设置数据内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、XMLUrl

<script type="text/javascript">
       var column = new FusionCharts("FusionCharts/Column3D.swf","colmnId","400","300");
       column.setXMLUrl("Data.xml");
       column.render("chart");
</script>

2、DataURL

<script type="text/javascript">
       var column = new FusionCharts("FusionCharts/Column3D.swf","colmnId","400","300");
       column.setDataURL("Data.xml");
       column.render("chart");
</script>

3、DataXML

<script type="text/javascript"> 
         var chart1 = new FusionCharts("../../FusionCharts/FCF_Column3D.swf", "chart1Id", "400", "300"); 
         chart1.setDataXML("<graph><set name='A' value='10' color='D64646' /><set name='B' value='11' color='AFD8F8' /></graph>");
         chart1.render("chart1div");
 </script>