Cjx
2009-03-30
FusionCharts Free 中文开发指南 [使用文档教程 使用文档教程] 使用文档教程 第一章--FCF 介绍 12 第一章
核心提示: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 提 供的一个 4 免费版本,虽然
免费,功能依然强大,图形类型依然丰富。 不得不感叹技术发展的真快,99 年的时候,flash 刚刚在互联网上流行, 那时还只是一个简单的动画
软件,编程能力有限。但现在 flash 几乎无所 不能了,图形报表则是它大展手脚的一个领域。 FusionCharts free 是一个跨平台, 跨浏览器的 flash 图表组件解决方案, 能够被 ASP.
NET, ASP,
PHP,
JSP, ColdFusion, Ruby on Rails, 简单 HTML 页面甚至 PPT 调 4 用。你不需要知道任何关于 flash 编程的知识, 你只需要知道你所用的编程语言就可以了。 FusionCharts free 目前最新版本是 v2.1,主要做了以下改动:
? ? ? ? ? ?
增加了使用 jsp 和 Ruby on Rails 来集成 FusionCharts 的代码和文 档。 FusionCharts DOM 更加容易地把图表加载到你的页面上。 修改了.Net 的使用代码和文档。 增加了新的 PHP API ,并修复了一些 BUG。 修改了 FusionCharts.js ,4 以便可以支持双引号。(那就是说以 前不支持?) 增加了在 FusionCharts 使用 UTF-8 编码的示例。
FusionCharts 到底能做什么呢?下面就给大家展示一下。 3D/2D 柱形图
图片 1 4 图片 2
曲线图
图片 3
图片 4
3D/2D 饼图、环图
图片 5
图片 6
区域图 4 图片 7
图片 8
堆栈图
图片 9
图片 10
联合图
图片 11 4 图片 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 的
文档。 这份
文档我们的网站上也有,地址是 ajava.org/demo/fusionchartsfree/。
目录结构
现在我们就来看看这个下载包里面都有些什么东西。 文件(创建图形主要靠它们了) SWF 文件 所有的 SWF 文件(共 22 个)都在 FusionChartsFree>Charts 文件夹。如 果你需要在你的 web 应用里创建图形, 那么就把这些 SWF 文件都拷到你的 应用下面。 FusionCharts JavaScript 文件 FusionCharts JavaScript 文件放在 FusionChartsFree>JSClass 文件夹。 这些文件能够帮你用一种友好的方式把图形嵌入到 html 页面。 示例代码 所有的代码都放在 FusionChartsFree>Code 文件夹。 图形例子 我们创建了一些图形例子,放在 FusionChartsFree>Gallery 文件夹。你 也可以通过文档左边的菜单 Sample Charts 来访问它。 文档 文档就放在 FusionChartsFree>Contents 文件夹,你可以直接点击 FusionChartsFree 下面的 index.html 来访问。
安装
了解了下载包的目录 4 结构以后, 我们再来看看如何安装 FCF 到
web 应用 里。
只需要两个步骤即可完成安装。
1、在你的 web 应用根目录下新建一个叫 FusionCharts 的文件夹。当