使用FusionCharts创建3D柱状图
2013-01-25 17:23
148 查看
当我们需要创建一个美观大方的Flash图表时,可以选中合适的Flash图表组件,比如说FusionCharts和AnyChart这两个组件。我选择的是FusionCharts,今天就解析一下我的第一张Flash图表:3D柱状图。
>>>FusionCharts下载
在下载完FusionCharts之后,我们就可以开始制作图表了,使用FusionCharts来创建图形,需要做下面三件事情:
在我们进行上面的工作之前,我们先要新建一个文件夹。例如,我们创建一个叫c:\FusionCharts 的文件夹。以后我们的例子都放到这个里面。
对于我们的第一个例子来说,我们将在c:\FusionCharts下再建一个叫MyFirstChart的文件夹。之后就是设置SWF文档、创建XML数据和创建包含图形的HTML文件。这些代码其实就是一个显示flash的简单标记。我就不写了,想要学习的请参考:
《如何利用FusionCharts创建3D柱状图》这里有详细的代码。
好了,现在所有工作都做完了,可以用IE打开Chart.html,就能看到你的第一个漂亮的Flash图形了。效果图如下:
如果你还想将同样的数据从柱状图换成饼图的话,只需要将Chart.html代码中的“FusionCharts_Column3D.swf”改成“FusionCharts_Pie3D.swf”就可以了。效果如下:
>>>FusionCharts下载
在下载完FusionCharts之后,我们就可以开始制作图表了,使用FusionCharts来创建图形,需要做下面三件事情:
在我们进行上面的工作之前,我们先要新建一个文件夹。例如,我们创建一个叫c:\FusionCharts 的文件夹。以后我们的例子都放到这个里面。
对于我们的第一个例子来说,我们将在c:\FusionCharts下再建一个叫MyFirstChart的文件夹。之后就是设置SWF文档、创建XML数据和创建包含图形的HTML文件。这些代码其实就是一个显示flash的简单标记。我就不写了,想要学习的请参考:
《如何利用FusionCharts创建3D柱状图》这里有详细的代码。
好了,现在所有工作都做完了,可以用IE打开Chart.html,就能看到你的第一个漂亮的Flash图形了。效果图如下:
如果你还想将同样的数据从柱状图换成饼图的话,只需要将Chart.html代码中的“FusionCharts_Column3D.swf”改成“FusionCharts_Pie3D.swf”就可以了。效果如下:
相关文章推荐
- FusionCharts使用教程三:创建3D柱状图
- 使用JavaScript/HTML5 Charts创建3D柱状图
- jQuery插件FusionCharts实现的3D柱状图效果实例【附demo源码下载】
- Axiom3D:手动创建ManualObject与Mesh,以及如何使用Cg着色器语言
- 使用JFreeChart实现基于web的3D柱状图
- ROS 学习系列 -- 使用urdf创建机器人模型在Rviz中3D观察 之二 joint 使用
- 工控图表控件ProEssentials创建3D柱状图示例代码
- 使用CSS3创建3D文本效果
- extjs+amcharts生成3D柱状图和数据表格使用总结
- 手把手教你使用Silverlight实现3D场景一(素材准备,使用Blend创建主场景)
- php使用Jpgraph创建柱状图展示年度收支表效果示例
- 使用jfreechart-1.0.13在jsp页面画3D柱状图表
- 使用JFreeChart绘制3D柱状图
- DirectX 3D_实践之DirectX3D 网格的外接体的创建和使用
- Imode平台下使用原生数据创建3D模型_旋转
- 使用FusionCharts ASP Class创建图表
- 在3D世界中创建不同的相机模式——创建一个Freelancer风格的相机:使用四元数的3D旋转
- ROS 学习系列 -- 使用urdf创建机器人模型在Rviz中3D观察 之一 link使用
- 工控图表控件ProEssentials创建3D柱状图示例代码
- Civil 3D 中使用COM API导入DEM数据创建曲面