-series Column 3D + Line - Dual Y Axis FCF_MSColumn2DLineDY.swf Multi-series Column 3D + Line - Dual 2Y FCF_MSColumn3DLineDY.swf Axis
Financial Charts Candlestick Chart FCF_Candlestick.swf
Funnel Chart Funnel Chart FCF_Funnel.swf
Gantt Chart Gantt Chart FCF_Gantt.swf
FCF 支持上面的 22 种图 2 形,对于大部分人来说,都足够了。 好了,到现在为止还没有开始真正的编程,大家可能有点急了吧,下篇文
章我们就来创建我们的第一个 Flash 图形报表。
第三章--FCF 我的第一个图形 第三章
核心提示:在介绍完了 FCF 的下载安装以后,现在,我们终于要开始创建我们的第一个图表 了。我们将要创建一个简单的 3D 柱状图形,用它来展示每月销售情况摘要。
在介绍完了 FCF 的下载安装以后,现在,我们终于要开始创建我们的第一 个图表了。我们将要创建一个简单的 3D 柱状图形,用它来展示每月销售 情况摘要。2 要使用 FCF 来创建图形,你需要做下面三件事情: 1.选择好你要创建的图形类型对应的 SWF 文件。例如,我们现在要创建的 是 3D 柱状图形,那么我们的 SWF 文件就是 FCF_Column3D.swf。上篇文章 已经介绍过了, 所有的 SWF 文件都放在 FusionChartsFree>Charts 文件夹 里。 2.XML 数据文件。FCF 只接受基于 XML 格式的数据。因此,你需要把你的
数据转成 XML 格式。 3.HTML 文件。这个
HTML 文件将包含用来嵌入图形的代码。 在我们进行上面的
工作之前,我们先要新建一个文件夹。例如,我们创建 一个叫 c:\FusionCharts 的文件夹。以后我们的例子都放到这个里面。 对于我们的第一个例子来说,我们将在 c:\FusionCharts 下再建一个叫 MyFirstChart 的文件夹。2
设置 SWF 文件
我们还要在 c:\FusionCharts 下建一个叫 FusionCharts 的文件夹。 现在, 我们把所有的 SWF 文件都拷贝到到这个文件下面 (c:\FusionCharts\FusionCharts\)。以后,我们所有例子的代码,都 要引用这个文件夹下面的 SWF 文件。 好了,SWF 文件就设置好了。
创建 XML 数据文档
要做报表,当然要有数据了。在这个例子里,我们准备展示一年里每个月 的销售情况。所有数据看起来就 2 像下面的表格中的一样。 我们知道,FCF 只接受 XML 格式的数据,其他如 Excel,CSV,text 等都 不行。 现在我们按照上表中的数据,做成一个叫 Data.xml 的 XML 文件,保存在 c:\FusionCharts\MyFirstChart 文件夹下。这个文件的内容如下:
1.
2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 上面的代码里,有一个叫
的 root 元素,它还有一些属性,用来定 义标题,坐标轴,数值格式。我们还看到有很多元素,它用来描述 数据。name 属性用来表示月份名称,value 属性表示销售额,color 属性 表示图形颜色。2
创建包含图形的 HTML 文件
每个图形都要被放到 HTML 文件里才能显示,现在,我们把下面的代码保 存 c:\FusionCharts\MyFirstChart\Chart.html 文件里。
1. 2. 3. My First FusionCharts 4. 5. 6.