FusionCharts使用心得之图表类型的转换

这几天,在用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


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值