`
jud511jt
  • 浏览: 13971 次
社区版块
存档分类
最新评论

flex图表

阅读更多

flex图表
2010年07月13日
  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):
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  例子:面积图例和线性图例是相同的:
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  图例:混合类型图表
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  图例:多数据系列混合图表样式
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  坐标轴精讲:
  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;
  }
  创建多坐标轴:
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics