FusionCharts使用心得之图表类型的转换
2013-01-29 14:06
489 查看
这几天,在用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》
其实利用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》
相关文章推荐
- sql使用cast进行数据类型转换示例
- 使用sprintf实现类型转换
- 黑马程序员—Java编程基础+常量与变量+类型的转换+进制的转换+运算符+scanner的使用+程序流程结构控制+循环结构
- js数值计算时使用parseInt进行数据类型转换(jquery)
- 常用数据类型使用转换详解
- C语言学习2:sizeof ,数据类型,scanf,算式操作,赋值与比较操作,逻辑操作,位的操作,条件运算符,特异赋值结果,强制转换,使用变量要注意的
- java中把字符串类型转换为int型,不允许使用java内置方法,如parseInt等
- 使用 ATL 提供的转换宏进行类型转换 LPSTR LPCSTR LPWSTR LPCWSTR
- Struts(二十一):类型转换与复杂属性、集合属性配合使用
- 先判断浏览器类型再调用不同iFrame的使用心得
- Flash图表组件FusionCharts使用教程大全
- spring mvc学习心得(一)数据类型转换
- 百度图表echart使用心得
- 类型转换 -- 使用Unicode下的cannot convert parameter 1 from 'CString' to 'const char *' 解决办法
- 常用数据类型使用转换详解
- 从反射机制中 得到的一点类型转换心得
- C++中四种类型转换运算符的使用方法
- 使用标准C++的类型转换符
- 常用数据类型使用转换详解
- 使用js转换数据库时间类型