flex图表
- 博客分类:
- 技术杂绘
flex 可视化组件中的包mx.charts包中,内置了9个图表类AreaChar,BarChar,BubbleChar,CandleStickChar,Column Char,HlOCChart,LineChar,PieChart,PlotChar.
图表中主要用到的属性有:
id ,height,width,series定义图表数据的Series(数据系列)对象数组
dataProvider 指定图表的数据提供程序
showDataTips 指定flex 是否显示图表的DataTip控件
horizontalAxis为X轴上的项定义标签,刻度线,数据位置
verticalAxis为y轴上的项定义标签,刻度线,数据位置
概念:数据系列
mx.charts.series 包中,每一个图表控件都有自己的数据系列。AreaSeries,Barseries,BubbleSeries,CandlestickSerie s,ColumnSeries,HLOCSeries,PieSeries,PlotSeries,所有的数据系列都继承自mx.charts.chartClasses.Series类。
概念:坐标轴。
两大坐标轴类型:数据型坐标轴和类表型坐标轴。数字型坐标轴包括:DateTimeAxis,LinearAxis和LogAxis类别坐标轴包括:CategoryAxis
showDataTips="true" 是先不tip的提示.默认为false。
一个简单的柱状图的例子ColumnChar:
例子:线形图的例子(LineChart):
Array = val.split("-");
var newDay:Date = new Date(aDate[0],aDate[1]-1,aDate[2]);
return newDay;
}
]]>
例子:面积图例和线性图例是相同的:
Array = val.split("-");
var newDay:Date = new Date(aDate[0],aDate[1]-1,aDate[2]);
return newDay;
}
]]>
图例:混合类型图表
图例:多数据系列混合图表样式
坐标轴精讲:
cartesianChart继承了IAxis接口类型的属性HorizontalAxis和VerticalAxis,分别表示x轴和y轴上的项目标签,刻度线,数据位置。
flex 内置了4中IAxis 的是实现:类别坐标轴:CategoryAxis 和数字坐标轴:LinearAxis,LogAxis,DateTimeAxis三者具有相同的基类NumericAxis。
属性:
categoryField指定包含标签文本的数据提供程序的字段.
dataProvider 指定数据源
labelFunction指定用于自定义坐标轴标签的函数
Padding指定在屏幕上呈现数据时,添加到轴上任意一端的填充。
displayName坐标轴的名称
自定义坐标轴:
通过labelFunction函数
function function_name (labelValue:Object,PreviousValue:Object,axis:IAxis ):xxxx{
return lableValue;
}
创建多坐标轴:
发表评论
-
(转)C#数据库连接字符串
2012-07-06 09:52 700本文介绍C#数据库 ... -
'make menuconfig' requires the ncurses libraries.
2012-07-06 09:46 957过去的4年(或者六 ... -
C#开发系统服务时用的定时器组件
2012-07-03 13:44 1103写服务时,都需要 ... -
关于Flex4工程和 Alternativa3D 7.5.1的疑问
2012-07-02 13:08 579原文:http://bbs.9ria.com/thread ... -
将flex组件添加到papervision3d
2012-07-02 13:08 400上一篇文章介绍了如何将papervision3d作为组件添 ... -
Flex 4架构的组件开发
2012-07-02 13:08 575Flex 4架构的组件开发 作者:Michael Labr ... -
Flex style - CSS 的使用
2012-07-02 13:08 529Dan Orlando, 软件架 ... -
flex 绑定资源
2012-07-02 13:08 648Adobe Flex supports several i ... -
[转]Flex中[Bindable]的用法
2012-07-01 10:39 753什么是元数据(metadata):[Bindable]大 ... -
flex3:drag-drop全攻略(二)
2012-07-01 10:38 717这里写四个实例:1,List->List 2, ... -
flex4+servlet 实现文件上传功能
2012-07-01 10:38 596最近老是被问到flex的上传问题怎么解决,今天就贴出web ... -
Flex 文件上传导入组件
2012-06-30 17:03 665Flex 文件上传导入组件 2010年09月13日 上文 ... -
Java Server Push To Flex (ServerPush)
2012-06-30 17:02 727Java Server Push To Flex (Serve ... -
Flex通过javascript读写cookie
2012-06-30 17:02 682Flex通过javascript读写cookie 2010年 ... -
全面认识Flex弹出窗口用法
2012-06-30 17:02 568全面认识Flex弹出窗口用 ...
相关推荐
Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表...
Flex图表插件
flex 图表源码展示
chart.rar--java+flex图表 Flex3高级图表开发指南.pdf--英文的 Flex+白皮书.pdf flex-demo.rar Flex入门培训资料及PPT.rar flex中文帮助.pdf InfoQ Flex与JSON及XML的互操作.mht 结合java做的flex图表例子 - 点点...
flex图表展示数据源码
FLEX图表相关解决方案,只要你下载了 必有所获
使用flex图表开发实例,柱状图,条状图,线图等图表显示
flex图表中DataTips样式(背景颜色、文字颜色,等...)简单又方便面,不妨来看看吧!
包中带有4个flex 项目工程,其中有图表库文件(flare),图表示例项目demos),是非常完整的flex 动画图表的算法实现与图形实现,是学习的非常好的源码
flex柱状图表很漂亮的源码
简要说明AMCHARTS_FLEX_COMPONENTS的使用手册,方便开发人员使用
NULL 博文链接:https://zhousheng193.iteye.com/blog/945068
使用flex写的四种图表,用于web前台显示,加入了保存图表图片的功能。
里面是swc库和例子 导入后可以直接运行
NULL 博文链接:https://zh-dream-success.iteye.com/blog/1685429
FLEX 各种 曲线图、柱状图、饼状图动态图表组建。附源码+例子。极为实用
flex 图表
按照Flex技术点,由浅入深、循序渐进地对Flex的开发工具、基本语法、基本的容器和控件的语法及使用、高级编程、自定义的各类组件、页面的风格和主题、Flex与HTML的通信、共享对象、远程数据的控制、Flex图表及...
圆形图表展示源码