FusionCharts.flash图表解决方案详解

fusioncharts

需积分: 3 118 浏览量更新于2024-07-30 收藏 136KB DOCX 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

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来实现。

资源详情

资源推荐

Stacked Column 2D FCF_StackedColumn2D.swf

Stacked Column 3D FCF_StackedColumn3D.swf

Stacked Bar 2D FCF_StackedBar2D.swf

Stacked Area 2D FCF_StackedArea2D.swf

组合图

Multi-series Column 3D + Line - Dual

Axis

FCF_MSColumn2DLineDY.swf

Multi-series Column 3D + Line - Dual

Axis

FCF_MSColumn3DLineDY.swf

财经图

Candlestick Chart FCF_Candlestick.swf

漏斗图

Funnel Chart FCF_Funnel.swf

甘特图

Gantt Chart FCF_Gantt.swf

FCF 支持上面的 22 中图形，对于大部分人来说，都足够了。

FusionCharts Free 我的第一个图形

首先创建一个简单的 3D 柱状图形，用它来展示每月销售情况摘要。

要使用 FCF 来创建图形，需要做下面三件事情：

1) 选择好要创建的图形类型对应的 SWF 文件。例如，我们现在要创建的是 3D 柱状图形，

那么我们的 SWF 文件就是 FCF_Column3D.swf。

2) XML 数据文件。FCF 只接受基于 XML 格式的数据。因此，你需要把你的数据转成

XML 格式。

3) HTML 文件。这个 HTML 文件将包含用来潜入图形的代码。

在进行上面的工作之前，先要新建一个文件夹。例如，创建一个叫 c:\FusionCharts

的文件夹。以后就把例子都放到这个里面。

对于第一个例子来说，将在 c:\FusionCharts 下再建一个叫 MyFirstChart 的文件夹。

设置 SWF 文件

在 c:\FusionCharts 下建一个叫 FusionCharts 的文件夹。现在把所有的 SWF 文件

都拷贝这个文件下面（c:\FusionCharts\FusionCharts\）。以后，所有例子的代码，都

要引用这个文件夹下面的 SWF 文件。

这样，SWF 文件就设置好了。

创建 XML 数据文档

要做报表，当然要有数据了。在这个例子里，我们准备展示一年里每个月的销售情况。

我们知道 FCF 只接受 XML 格式的数据，其他如 Excel，CSV，text 等都不行。

现在我们按照上某表中的数据做成一个叫 Data.xml 的 XML 的文件，保存在 c:\

FusionCharts\MyFirstChart 文件夹下。这个文件的内容如下：

-./01%2034567每月销售额柱形图7%88'067月份7%98'06%7:5;7%14<'0677%

=20/245677%>4/0;'?@/20677,

-;%5067一月7%A0?67#7%244/677%B,

-;%5067二月7%A0?67$7%244/67#&7%B,

-;%5067三月7%A0?67#$7%244/67&&7%B,

-;%5067四月7%A0?677%244/67 #7%B,

-;%5067五月7%A0?67$#7%244/67  7%B,

-;%5067六月7%A0?67#7%244/67###7%B,

-;%5067七月7%A0?67#7%244/67 # 7%B,

-;%5067八月7%A0?67#7%244/67#7%B,

-;%5067九月7%A0?67*$#7%244/67&*7%B,

-;%5067十月7%A0?677%244/67 #7%B,

-;%5067十一月7%A0?67$#7%244/677%B,

-;%5067十二月7%A0?67#7%244/67#& 7%B,

-B./01,

上面代码里有一个叫<graph>的 root 元素，它还有一些属性，用来定义图标，坐标

轴，数值格式。还看到有很多<set>元素，它用来描述数据。name 属性用来表示月份名

称，value 属性表示销售额，color 属性表示图形颜色。

剩余35页未读，继续阅读

lian_pengtao

粉丝: 0
资源: 1

FusionCharts.flash图表解决方案详解

FusionCharts

fusioncharts.dll文件

fusioncharts/3.3.1下载

rails 怎么解决：ReferenceError: FusionCharts is not defined

FusionCharts使用详解+实例+图解+Demo

FusionCharts在云桌面安装不了怎么解决

FusionCharts 技术文档-JavaScript (HTML5)

fusioncharts 3.2.1 柱状图示例

fusioncharts 3.2.1 堆积图

柱状图3D双柱状图圆柱体

fusionchart如何设置宽度

vue封装的可视化大屏在哪里可以下载

有类似ECharts的数据可视化库吗？

常用的可视化实现工具有哪些

可视化的 实现有哪些途径

powerbuilder实现k线图

pb fusionchartsfree

asp生成柱状图代码

要开发一个html可视化工具，有哪些工具可以使用

最新资源

可视化的实现有哪些途径