这几天,在用FusionCharts制作Flash动画图表时,我制作了一张销售业绩的柱状图表,后来又觉得不是很美观想换成饼状图,我就在想要是能不用重新编写代码就能变更图表的类型岂不是很方便?其实使用FusionCharts制作的图表是可以很方便的满足这种需要的,转换后的饼状图仍然支持动画和交互性(如饼图的分片、用鼠标旋转、标签工具条等)。
其实利用FusionCharts转换图表类型并不是很复杂,只要改变图表类型,只需编辑先前的代码,更改SWF文件名称为Pie3D.swf就可以了。就以下图为例:
复制 weekly-sales.html 并将它在同一个文件夹中保存为weekly-sales-pie.html。最后,编辑HTML代码。
刚才我们已经改变了SWF文件路径,之前是指向Column3D.swf的,现在指向Pie3D.swf。你需要从Charts 文件夹中复制Pie3D.swf。如果你现在在浏览器中打开HTML文件,就会出现饼图的图表类型。(点击http://docs.fusioncharts.com/charts/Code/MyFirstChart/weekly-sales-pie.html查看示例在线Demo)
注意:之所以能够在不改变数据的情况下转换图表类型,是因为新的图表类型与初始数据是兼容的。图表是单序列数据的,如果是多序列数据的进行转换那么就不会显示数据了。
点击查看更多FusionCharts在线demo:
《FusionCharts图表应用demo演示:Management Dashboard》
《FusionCharts图表应用demo演示:Retail Dashboard》