flex-设置简单的柱状图ColumnChart(一)
2013-04-16 13:53
323 查看
<mx:ColumnChart id="linechart" dataProvider="{chartArray}" height="100%" width="100%" seriesFilters="[]" showDataTips="true" dataTipFunction="columnChart_dataTipFunc" itemClick="columnseries2_clickHandler(event)" dataTipRenderer ="{components.charts.ColumnDataTip}" > <mx:horizontalAxis> <mx:CategoryAxis id="dcslHaxisA" categoryField="year" displayName="时间"> </mx:horizontalAxis> <mx:horizontalAxisRenderers> <mx:AxisRenderer axis="{dcslHaxisA}" tickLength="3" axisStroke="{new Stroke(0x6f6e6c,1)}" tickStroke="{new Stroke(0x6f6e6c,1)}" labelRotation="45"/> </mx:horizontalAxisRenderers> <mx:verticalAxisRenderers> <mx:AxisRenderer alpha="1" showLabels="true" showLine="true" placement="left" tickLength="1" axisStroke="{new Stroke(0x6f6e6c,1)}" tickStroke="{new Stroke(0x6f6e6c,1)}"> <mx:axis> <mx:LinearAxis id="scslLeftVAxis"/> </mx:axis> </mx:AxisRenderer> </mx:verticalAxisRenderers> <mx:series> <mx:ColumnSeries id="line1" xField="year" yField="PV" displayName="工资" verticalAxis="{scslLeftVAxis}" fillFunction="myFillFunction" labelPosition="outside" maxColumnWidth="10"/> <mx:ColumnSeries id="line2" xField="year" yField="UV" displayName="扣税" verticalAxis="{scslLeftVAxis}" labelPosition="outside" fillFunction="fillfunction2"/> <mx:LineSeries id="s3" xField="year" yField="UV" displayName="利率" showDataEffect="{seriesSlide}" verticalAxis="{scslLeftVAxis}" lineStroke="{new Stroke(0xE55A00,1)}" styleName="regisLineSeries" itemRenderer="{factory}" lineSegmentRenderer="customvisualcomp.chart.renderers.line.LineRenderer" legendMarkerRenderer="customvisualcomp.chart.renderers.legend.LineMarkerRenderer"/> </mx:series> <!--mx:backgroundElements> <mx:GridLines direction="both" horizontalTickAligned="true"> <mx:horizontalStroke> <mx:Stroke weight="1" color="#E9E9E9" /> </mx:horizontalStroke> <mx:verticalStroke> <mx:Stroke weight="1" color="#E9E9E9"/> </mx:verticalStroke> </mx:GridLines> </mx:backgroundElements--> <mx:backgroundElements> <mx:GridLines horizontalFill="{backFill}" horizontalChangeCount="1" horizontalStroke="{sBack}"> </mx:GridLines> </mx:backgroundElements> </mx:ColumnChart>
相关文章推荐
- flex柱状图 之 columnChart使用
- 简单介绍Flex alert样式的设置
- flex柱状图,线形图,饼图简单示例
- FLEX 条形图(柱状图)设置刻度为百分比
- JFreeChart简单例子_创建柱状图(当遇到中文乱码时,将各个部分的字体分别设置一下就行了)
- Flex 3快速入门: 构建简单的用户界面 设置组件的样式
- android 设置app root权限简单方法
- http防盗链一些简单设置
- JFreeChart简单例子_创建饼状图(出现乱码时设置一下各部分的字体)
- Flex 亮度、对比度、饱和度和色相的设置
- 最简单的打印设置
- 阿里云CentOS6.5(nginx+PHP-fpm)及RDS初级使用指南和简单安全设置
- SharePoint2010搜索的简单设置
- Flex中TextInput组件如何设置限制某些字符的输入
- Android Studio简单设置
- flex运行浏览器的设置
- Flex解决“无法为区域设置“zh_CN”解析资源束“ViewerStrings””问题总结(学习笔记)
- linux 运维一些常见的简单安全设置 运维必看
- Adobe Flash Builder 4.5(Flex)DataGrid 竖直线颜色的设置及combobox下拉部分颜色的设置
- flex柱状图和折线图的混合图使用