Flash图表应用.doc

Flash图表应用
介绍
在实际的Web应用中，好的图形、表格能良好的进行用户交互，提升用户对软件的使用体验，本文主要介绍Flash在图表上的一些实际应用，与可能存在的问题。
第三方图表组件
FlashSDK开发包本身自带图表库，如PieChart(饼图)、ColumnChart（柱状图）、LineChart（曲线图）等。但在实际需求应用中未必能满足所有的需求，这时候需要借助第三方图表组件来实现功能。
以下为一些第三方的图表组件，在UI、功能上都各具特色：
FusionCharts
FusionCharts是InfoSoftGlobal的一个产品，InfoSoftGlobal公司是专业的Flash图形方案提供商，FusionChartsFree是一个跨平台，跨浏览器的flash图表组件解决方案，能够被ASP.NET,ASP,PHP,JSP,RubyonRails,HTML页面甚至PPT调用。
FCF有完善的文档支持和丰富的图表样式，调试、导出图片、pdf等已经实现，而且FCF还提供Flex开发的swc包。FCF的整体架构设计的比较好，但是一个缺点就是FCF是采用AS3语言编程的。

AnyChart
AC可以创建出绚丽的交互式的Flash图表和仪表控件。是一款灵活的基于AdobeFlash和跨浏览器和跨平台的图表解决方案，被很多知名大公司所使用，可以用于仪表盘的创建、报表、数据分析、统计学，金融等领域。AC最新版支持html5和ipad。为Flex开发提供了相应的swc包。
下图是一个专门做BI业务公司的图表战士界面，里面的图表使用的是AnyChart。

Flexmdi
Flexmdi是一个窗口应用的控件，可轻松创建多分屏窗口应用，具备如WindowsXP、MacOS等不同风格的UI主题。

应用
3.1动态曲线图
动态创建曲线图表，可根据曲线数据动态生成曲线，可设置曲线坐标X、Y轴、刻度、数据来实现动态化曲线应用。
下面是具体实现的片断代码：
varlineChart:LineChart=newLineChart();//创建曲线图对象
varsers:Array=newArray();

varlineSeries:LineSeries=newLineSeries();//初始化线条对象
lineSeries.displayName=this.Name;//显示名称
lineSeries.dataProvider=this.Data;//线条绑定的数据源
lineSeries.xField=this.xField;
lineSeries.yField=this.yField;
sers.push(lineSeries);

lineChart.series=sers;//曲线线条数组
3.2分屏窗口
2.3内容介绍的是一个很好的窗口应用组件，但在UI、事件上浪费了太多的资源，导致在比较多的窗口应用时，会消耗更多的资源，因为考虑性能问题可以自行设计简单的分屏窗口实现，使用TileGroup来负责主界面布局管理窗口、TitleWindow负责窗口的具体呈现，以下是比较实现的片断代码。
下面是具体实现的片断代码：
<!—mxml代码
requestedColumnCount：要显示的列数
requestedRowCount：要显示的行数
horizontalGap：列之间的水平空间；verticalGap行时间的垂直空间
-->
<s:TileGroupid="wins"requestedColumnCount="2"requestedRowCount="2"width="100%"height="93%"horizontalGap="0"verticalGap="0"/>
//as代码
varwin:TitleWindow=newTitleWindow();//创建窗口对象

//设置宽、高、样式
win.width=object.width;
win.height=object.height;
this.setWindowStyle(win);

//加载窗口事件
win.doubleClickEnabled=true;
win.addEventListener(MouseEvent.DOUBLE_CLICK,doubleClickHandler);
win.addEventListener(MouseEvent.CLICK,clickHandler);
win.addEventListener(CloseEvent.CLOSE,closeHandler);

wins.addElement(win);放入分屏容器
3.3弹出窗动态大小
在flash中进行用户交互动作，经常需要用到弹出窗口，但有时在父容器或主窗口（