FusionCharts.flash图表解决方案详解

需积分: 3 5 下载量 179 浏览量 更新于2024-07-30 收藏 136KB DOCX 举报
FusionCharts学习笔记 FusionCharts是InfoSoftGlobal公司的一个产品,InfoSoftGlobal公司是专业Flash图形方案提供商。FusionCharts是一个跨平台,跨浏览器的flash图表组建解决方案,能够被ASP.NET,PHP,JSP,ColdFusion,RubyonRails简单HTML页面甚至PPT调用。 优点 FusionCharts支持多种图表类型,包括柱形图、折线图、饼图、雷达图等。FusionCharts支持多种数据源,包括XML、JSON、CSV等。FusionCharts可以与多种开发语言集成,包括ASP.NET、PHP、JSP、ColdFusion、RubyonRails等。 目录结构 FusionCharts的下载包中包括以下几个文件夹: * FusionCharts.js:FusionCharts的JavaScript文件 * FusionCharts.swf:FusionCharts的Flash文件 * charts:存放图表的文件夹 * examples:示例文件夹 * docs:文档文件夹 安装 FusionCharts可以在Windows、Linux、Mac等多种操作系统上安装。安装FusionCharts需要下载FusionCharts的安装包,解压缩后将其安装到Web服务器上。 SWF文件 FusionCharts使用SWF文件来显示图表。SWF文件可以使用Flash工具来创建,也可以使用FusionCharts提供的工具来生成。 FusionChartsFree我的第一个图形 FusionCharts提供了一个名为FusionChartsFree的免费版本,FusionChartsFree可以创建基本的图表。创建图表需要设置SWF文件、创建XML数据文档和创建包含图形的HTML文件。 设置SWF文件 设置SWF文件需要在HTML文件中添加以下代码:<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="300"><param name="movie" value="FusionCharts.swf"><param name="quality" value="high"><param name="bgcolor" value="#FFFFFF"><embed src="FusionCharts.swf" quality="high" bgcolor="#FFFFFF" width="400" height="300" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></object> 创建XML数据文档 创建XML数据文档需要使用XML语言来描述图表的数据。XML数据文档的格式如下:<chart caption=" Sales Chart" subcaption="By Quarter" xaxisname="Quarter" yaxisname="Sales" numberprefix="" showvalues="0" animation="1" palette="1"><set label="Q1" value="100"/><set label="Q2" value="120"/><set label="Q3" value="110"/><set label="Q4" value="130"/></chart> 创建包含图形的HTML文件 创建包含图形的HTML文件需要在HTML文件中添加以下代码:<html><body><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="300"><param name="movie" value="FusionCharts.swf"><param name="quality" value="high"><param name="bgcolor" value="#FFFFFF"><embed src="FusionCharts.swf" quality="high" bgcolor="#FFFFFF" width="400" height="300" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></object></body></html> 图形转换 FusionCharts可以将图形转换为多种格式,包括PNG、JPEG、GIF等。 FusionChartsFree使用JavaScript加载图形 FusionChartsFree可以使用JavaScript来加载图形。JavaScript可以控制图形的显示和交互。 使用JS加载 使用JavaScript加载图形需要在HTML文件中添加以下代码:<script type="text/javascript" src="FusionCharts.js"></script> 多图形 FusionCharts支持多图形的显示,可以在一个页面上显示多个图形。 FusionChartsFree使用dataXML加载数据 FusionChartsFree可以使用dataXML来加载数据。dataXML是一个基于XML的数据交换格式。 使用dataXML提供数据 使用dataXML提供数据需要在XML文件中添加以下代码:<chart caption=" Sales Chart" subcaption="By Quarter" xaxisname="Quarter" yaxisname="Sales" numberprefix="" showvalues="0" animation="1" palette="1"><set label="Q1" value="100"/><set label="Q2" value="120"/><set label="Q3" value="110"/><set label="Q4" value="130"/></chart> 使用JavaScript和dataXML 使用JavaScript和dataXML可以实现图形的动态加载和更新。 setDataXML()方法的问题 setDataXML()方法可以用来设置图形的数据,但是需要注意数据的格式和结构。 最佳模式 FusionCharts提供了多种显示模式,包括2D、3D等,可以根据需要选择合适的模式。 FusionChartsFree图形的基本元素 FusionChartsFree图形的基本元素包括图形背景、画布、ChartLabels、DIVlines、Alternating、HoverCaption、Anchors等。 图形背景和画布 图形背景和画布是图形的基本元素,图形背景可以设置为不同的颜色和图片,画布可以设置为不同的大小和形状。 ChartLabels ChartLabels是图形上的标签,可以设置为不同的文字、颜色和大小。 DIVlines DIVlines是图形上的网格线,可以设置为不同的颜色和宽度。 Alternating Alternating是图形上的交叉线,可以设置为不同的颜色和宽度。 HoverCaption HoverCaption是图形上的提示信息,可以设置为不同的文字、颜色和大小。 Anchors Anchors是图形上的锚点,可以设置为不同的文字、颜色和大小。 FusionChartsFree和XML FusionChartsFree可以使用XML来加载数据,XML可以设置为不同的结构和格式。 数据类型 FusionChartsFree支持多种数据类型,包括数字、字符串、日期等。 单系列图形 FusionChartsFree可以创建单系列图形,可以设置为不同的颜色和宽度。 多系列图形 FusionChartsFree可以创建多系列图形,可以设置为不同的颜色和宽度。 FusionChartsFree和组合图XML FusionChartsFree可以使用组合图XML来加载数据,组合图XML可以设置为不同的结构和格式。 什么是组合图形 组合图形是指将多个图形组合在一起的图形,可以设置为不同的颜色和宽度。 代码 FusionChartsFree提供了多种代码示例,可以根据需要选择合适的代码。 简单解释 FusionChartsFree可以创建基本的图表,但需要注意图形的结构和格式。 注意 FusionChartsFree需要注意图形的大小、颜色和宽度,可以根据需要进行设置。 动态改变图形的类型和数据 FusionChartsFree可以动态改变图形的类型和数据,可以使用JavaScript来实现。 动态改变图形的类型 FusionChartsFree可以动态改变图形的类型,可以使用JavaScript来实现。 动态改变图形的数据 FusionChartsFree可以动态改变图形的数据,可以使用JavaScript来实现。 FCF中的下钻 FusionChartsFree可以实现图形的下钻,可以使用JavaScript来实现。 普通的超链接 FusionChartsFree可以实现普通的超链接,可以使用JavaScript来实现。 新窗口超链接 FusionChartsFree可以实现新窗口超链接,可以使用JavaScript来实现。 JavaScript连接 FusionChartsFree可以实现JavaScript连接,可以使用JavaScript来实现。 FCF中的基本数字格式 FusionChartsFree可以实现基本数字格式,可以使用JavaScript来实现。 控制小数位位数 FusionChartsFree可以控制小数位位数,可以使用JavaScript来实现。 自动格式化数字 FusionChartsFree可以自动格式化数字,可以使用JavaScript来实现。 自定义千分位和小数分隔符 FusionChartsFree可以自定义千分位和小数分隔符,可以使用JavaScript来实现。 增加数字前缀和后缀 FusionChartsFree可以增加数字前缀和后缀,可以使用JavaScript来实现。 FCF中的特殊字符 FusionChartsFree可以实现特殊字符,可以使用JavaScript来实现。 欧元符号 FusionChartsFree可以实现欧元符号,可以使用JavaScript来实现。 英镑符号 FusionChartsFree可以实现英镑符号,可以使用JavaScript来实现。 人民币符号 FusionChartsFree可以实现人民币符号,可以使用JavaScript来实现。 分符号 FusionChartsFree可以实现分符号,可以使用JavaScript来实现。 百分号符号 FusionChartsFree可以实现百分号符号,可以使用JavaScript来实现。 &符号 FusionChartsFree可以实现&符号,可以使用JavaScript来实现。 >符号 FusionChartsFree可以实现>符号,可以使用JavaScript来实现。 单引号符号 FusionChartsFree可以实现单引号符号,可以使用JavaScript来实现。 间断数据处理 FusionChartsFree可以实现间断数据处理,可以使用JavaScript来实现。 在JSP里使用FCF FusionChartsFree可以在JSP中使用,可以使用JavaScript来实现。
2024-11-29 上传