FusionCharts加载多个flash图表的方法

使用FusionCharts时大家可能都会遇到这种问题：在flash动画中加载多个FusionCharts图表该如何去做？其实只需为每个图表类创建一个实例，提供相应的XML数据然后将它呈现出来就可以了，非常简单。

我们可以在FlashExamples文件夹下创建MultipleCharts.fla，然后再在这个新创建的文件夹下创建一层 "Graphic Elements"，添加两个圆角矩形的背景框，用来加载两个图表，如图所示：

 

要实现上图中的多个FusionCharts图表的加载可以按照以下步骤进行：

1、首先加进了com/fusioncharts/includes/LoadingFunctions.as &com/fusioncharts/includes/AppMessages.as ，预加载图表所需的文件；

2、然后，我们要绘制两个图表，所以导入Column2DChart 类和Line2DChart 类；
3、为两个图表创建XML数据（在此例中，是硬编码的XML数据），你也可以根据数据源动态创建XML数据；
4、将XML数据转换为XML对象；
5、然后为两个图表分别创建两个空的动画片段；
6、为两个图表创建实例以及所需的参数。设置x和y轴平移线以便在柱状图右边绘制；
7、用setXMLData 传递XML数据；
8、最后，向每个图表的实例对象调用 render() 方法，绘制两个图表。

 

输出效果图如下：

 

此示例的具体代码请参考：《Flash图表组件FusionCharts帮助文档七：加载多个图表文件》

 

在这个示例中我只加载了柱状图和线性图，读者们可以按照自己的需要去加载更多的FusionCharts图表。