FusionCharts.flash图表解决方案详解
需积分: 3 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来实现。
点击了解资源详情
点击了解资源详情
点击了解资源详情
2012-11-15 上传
2016-01-13 上传
点击了解资源详情
点击了解资源详情
2024-11-29 上传
2024-11-29 上传
2024-11-29 上传
lian_pengtao
- 粉丝: 0
- 资源: 1
最新资源
- C语言数组操作:高度检查器编程实践
- 基于Swift开发的嘉定单车LBS iOS应用项目解析
- 钗头凤声乐表演的二度创作分析报告
- 分布式数据库特训营全套教程资料
- JavaScript开发者Robert Bindar的博客平台
- MATLAB投影寻踪代码教程及文件解压缩指南
- HTML5拖放实现的RPSLS游戏教程
- HT://Dig引擎接口,Ampoliros开源模块应用
- 全面探测服务器性能与PHP环境的iprober PHP探针v0.024
- 新版提醒应用v2:基于MongoDB的数据存储
- 《我的世界》东方大陆1.12.2材质包深度体验
- Hypercore Promisifier: JavaScript中的回调转换为Promise包装器
- 探索开源项目Artifice:Slyme脚本与技巧游戏
- Matlab机器人学习代码解析与笔记分享
- 查尔默斯大学计算物理作业HP2解析
- GitHub问题管理新工具:GIRA-crx插件介绍