FusionCharts Free 中文开发指南 第一章--FCF 介绍 第一章
核心提示:FusionCharts free 是一个跨平台,跨浏览器的 flash 图表组件解决方案,能够被 ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, 简单 HTML 页面甚至 PPT 调用。你不需要知 道任何关于 flash 编程的知识,你只需要知道你所用的编程语言就可以了。
FusionCharts 是 InfoSoft Global 公司的一个产品,InfoSoft Global 公 司是专业的 Flash 图形
方案提供商,他们还有几款其他的,基于 Flash 技术的产品,都非常的漂亮。FusionCharts Free 则是 FusionCharts 提 供的一个免费版本,虽然
免费,功能依然强大,图形类型依然丰富。 不得不感叹技术发展的真快,99 年的时候,flash 刚刚在互联网上流行, 那时还只是一个简单的动画
软件,编程能力有限。但现在 flash 几乎无所 不能了,图形报表则是它大展手脚的一个领域。 FusionCharts free 是一个跨平台, 跨浏览器的 flash 图表组件解决方案, 能够被 ASP.
NET, ASP,
PHP,
JSP, ColdFusion, Ruby on Rails, 简单 HTML 页面甚至 PPT 调用。你不需要知道任何关于 flash 编程的知识,你 只需要知道你所用的编程语言就可以了。 FusionCharts free 目前最新版本是 v2.1,主要做了以下改动:
? ? ? ? ? ?
增加了使用 jsp 和 Ruby on Rails 来集成 FusionCharts 的代码和文 档。 FusionCharts DOM 更加容易地把图表加载到你的页面上。 修改了.Net 的使用代码和文档。 增加了新的 PHP API ,并修复了一些 BUG。 修改了 FusionCharts.js ,以便可以支持双引号。(那就是说以前 不支持?) 增加了在 FusionCharts 使用 UTF-8 编码的示例。
FusionCharts 到底能做什么呢?下面就给大家展示一下。 3D/2D 柱形图
图片 1
图片 2
曲线图
图片 3
图片 4
3D/2D 饼图、环图
图片 5
图片 6
区域图
图片 7
图片 8
堆栈图
图片 9
图片 10
联合图
图片 11
图片 12
蜡烛图
图片 13
图片 14
漏斗图
图片 15
图片 16
甘特图
图片 17
图片 18 看了这么多漂亮的图形以后, 是不是有点感到兴奋呢?如果把这么漂亮专 业的图形放到用户面前,相信他们也会满意的。事实上,上面的图形,只 是本道的截图,真正的 flash 图表,在显示时还有优美的动画。 好了,就不在多 说了,下篇文章,本道将介绍如何安装使用 FusionCharts。
第二章--FCF 安装 第二章
的下载及安装。 本文将介绍 FusionCharts Free V2.1 的下载及安装。
下载
你可以在下面的地址下载它。 免费漂亮的 Flash 图形报表-FusionCharts Free V2.1 下载 文件不大,共 4.22M。将 FusionCharts Free(以下简称 FCF)解压到任 意一个目录后,点击目录下的 index.html,就可以打开 FCF 的文档。 这份文档我们的网站上也有,地址是 aja
va.org/demo/fusionchartsfree/。
目录结构
现在我们就来看看这个下载包里面都有些什么东西。 文件(创建图形主要靠它们了) SWF 文件 所有的 SWF 文件(共 22 个)都在 FusionChartsFree>Charts 文件夹。如 果你需要在你的 web 应用里创建图形, 那么就把这些 SWF 文件都拷到你的 应用下面。 JavaScript FusionCharts JavaScript 文件 FusionCharts
JavaScript 文件放在 FusionChartsFree>JSClass 文件夹。 这些文件能够帮你用一种友好的方式把图形嵌入到 html 页面。 示例代码 所有的代码都放在 FusionChartsFree>Code 文件夹。 图形例子 我们创建了一些图形例子,放在 FusionChartsFree>Gallery 文件夹。你 也可以通过
文档左边的菜单 Sample Charts 来访问它。
文档 文档就放在 FusionChartsFree>Contents 文件夹,你可以直接点击 FusionChartsFree 下面的 index.html 来访问。
安装
了解了下载包的目录结构以后, 我们再来看看如何安装 FCF 到
web 应用里。
只需要两个步骤即可完成安装。
1、在你的 web 应用根目录下新建一个叫 FusionCharts 的文件夹。当然, 并不是说它一定要叫这个名字,也不是一定要在根