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

最新推荐文章于 2025-11-24 02:17:16 发布

最新推荐文章于 2025-11-24 02:17:16 发布 · 89 阅读

文章标签：

#javascript #ViewUI

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

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>