报表fusioncharts讲解及简单实例

《报表fusioncharts讲解及简单实例》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、第一章--FCF介绍核心提示：FusionChartsfree是一个跨平台，跨浏览器的flash图表组件解决方案，能够被ASP.NET,ASP,PHP,JSP,ColdFusion,RubyonRails,简单HTML页面甚至PPT调用。你不需要知道任何关于flash编程的知识，你只需要知道你所用的编程语言就可以了。FusionCharts是InfoSoftGlobal公司的一个产品，InfoSoftGlobal公司是专业的Flash图形方案提供商，他们还有几款其他的，基于Flash技术的产品，都非常的漂亮。Fusion

2、ChartsFree则是FusionCharts提供的一个免费版本，虽然免费，功能依然强大，图形类型依然丰富。不得不感叹技术发展的真快，99年的时候，flash刚刚在互联网上流行，那时还只是一个简单的动画软件，编程能力有限。但现在flash几乎无所不能了，图形报表则是它大展手脚的一个领域。FusionChartsfree是一个跨平台，跨浏览器的flash图表组件解决方案，能够被ASP.NET,ASP,PHP,JSP,ColdFusion,RubyonRails,简单HTML页面甚至PPT调用。你不需要知道任何关于flas

3、h编程的知识，你只需要知道你所用的编程语言就可以了。FusionChartsfree目前最新版本是v2.1，主要做了以下改动：·增加了使用jsp和RubyonRails来集成FusionCharts的代码和文档。·FusionChartsDOM更加容易地把图表加载到你的页面上。·修改了.Net的使用代码和文档。·增加了新的PHPAPI,并修复了一些BUG。·修改了FusionCharts.js，以便可以支持双引号。（那就是说以前不支持？）·增加了在FusionCharts使用UTF-8编码的示例。FusionCharts

4、到底能做什么呢？下面就给大家展示一下。3D/2D柱形图第二章--FCF安装本文将介绍FusionChartsFreeV2.1的下载及安装。下载你可以在下面的地址下载它。免费漂亮的Flash图形报表-FusionChartsFreeV2.1下载文件不大，共4.22M。将FusionChartsFree（以下简称FCF）解压到任意一个目录后，点击目录下的index.html，就可以打开FCF的文档。这份文档我们的网站上也有，地址是http://ajava.org/demo/fusionchartsfree/。目录结构现在我们

5、就来看看这个下载包里面都有些什么东西。SWF文件（创建图形主要靠它们了）所有的SWF文件（共22个）都在FusionChartsFree>Charts文件夹。如果你需要在你的web应用里创建图形，那么就把这些SWF文件都拷到你的应用下面。FusionChartsJavaScript文件FusionChartsJavaScript文件放在FusionChartsFree>JSClass文件夹。这些文件能够帮你用一种友好的方式把图形嵌入到html页面。示例代码所有的代码都放在FusionChartsFree>Code文件夹。

6、图形例子我们创建了一些图形例子，放在FusionChartsFree>Gallery文件夹。你也可以通过文档左边的菜单SampleCharts来访问它。文档文档就放在FusionChartsFree>Contents文件夹，你可以直接点击FusionChartsFree下面的index.html来访问。安装了解了下载包的目录结构以后，我们再来看看如何安装FCF到web应用里。只需要两个步骤即可完成安装。1、在你的web应用根目录下新建一个叫FusionCharts的文件夹。当然，并不是说它一定要叫这个名字，也不是一定要在

7、根目录下。2、把所有的SWF文件都拷贝到这个FusionCharts里。这就完成安装了，不再需要其他多余的步骤。当然，有些情况下，并不需要与服务器的交互（比如，你直接使用JavaScript来嵌入，而不用jsp或php。数据也是直接写死在你的JavaScript代码里或xml文件里。），为了学习方便，你也可以把它安装在你的电脑上随便一个地方，比如d:test下。安装步骤和上面的安装一样。SWF接下来介绍SWF文件都分别对应哪种图形。图形类型文件名 SingleSeriesChartsColumn3DFCF_Column

8、3D.swfColumn2DFCF_Column2D.swfLine2DFCF_Line.swfArea2DFCF_Area2D.swfBar2DFCF_Bar2D.swfPie2DFCF_Pie2D.swfPie3DFCF_Pie3D.swfDoughnut2DFCF_Doughnut2D.swf Multi-se