将Flex中的LineChart设置圆球的样式
2012-12-14 16:12
471 查看
<mx:LineChart id="kpiBox_1_content_line_1" height="100%" width="100%" dataProvider="{lineChart_1_1_Data}"
paddingLeft="5" paddingRight="5" showDataTips="true">
<mx:verticalAxis>
<mx:LinearAxis id="kpiBox_1_content_line_valueAxis" minimum="0" interval="400"/>
</mx:verticalAxis>
<mx:horizontalAxis>
<mx:CategoryAxis id="kpiBox_1_content_line_dateAxis" categoryField="dateValue" labelFunction="lineChartAxisLabelFunction"/>
</mx:horizontalAxis>
<mx:series>
<mx:LineSeries yField="unConfirmAlarm" itemRenderer="{new ClassFactory(CircleItemRenderer)}" stroke="{line_stroke_radion_1}" displayName="未确认数量" lineStroke="{line_stroke_1}">
<mx:fills>
<mx:SolidColor color="0x00FF00"/>
<mx:SolidColor color="0x00FF00"/>
<mx:SolidColor color="0x00FF00"/>
</mx:fills>
</mx:LineSeries>
<mx:LineSeries yField="alarmTotal" itemRenderer="{new ClassFactory(CircleItemRenderer)}"
stroke="{line_stroke_radion_2}" displayName="告警总数" lineStroke="{line_stroke_2}">
<mx:fills>
<mx:SolidColor color="0xFF0000"/>
<mx:SolidColor color="0xFF0000"/>
<mx:SolidColor color="0xFF0000"/>
</mx:fills>
</mx:LineSeries>
</mx:series>
<mx:verticalAxisRenderers>
<mx:AxisRenderer axis="{kpiBox_1_content_line_valueAxis}" color="0XFFFFFF" fontSize="10" tickPlacement="none">
<mx:axisStroke>
<s:SolidColorStroke color="0xAEF607" weight="2"/>
</mx:axisStroke>
</mx:AxisRenderer>
</mx:verticalAxisRenderers>
<mx:horizontalAxisRenderers>
<mx:AxisRenderer axis="{kpiBox_1_content_line_dateAxis}" color="0XFFFFFF" fontSize="10"
tickPlacement="none" minorTickPlacement="none">
<mx:axisStroke>
<mx:SolidColorStroke color="0xAEF607" weight="2"/>
</mx:axisStroke>
</mx:AxisRenderer>
</mx:horizontalAxisRenderers>
</mx:LineChart>
paddingLeft="5" paddingRight="5" showDataTips="true">
<mx:verticalAxis>
<mx:LinearAxis id="kpiBox_1_content_line_valueAxis" minimum="0" interval="400"/>
</mx:verticalAxis>
<mx:horizontalAxis>
<mx:CategoryAxis id="kpiBox_1_content_line_dateAxis" categoryField="dateValue" labelFunction="lineChartAxisLabelFunction"/>
</mx:horizontalAxis>
<mx:series>
<mx:LineSeries yField="unConfirmAlarm" itemRenderer="{new ClassFactory(CircleItemRenderer)}" stroke="{line_stroke_radion_1}" displayName="未确认数量" lineStroke="{line_stroke_1}">
<mx:fills>
<mx:SolidColor color="0x00FF00"/>
<mx:SolidColor color="0x00FF00"/>
<mx:SolidColor color="0x00FF00"/>
</mx:fills>
</mx:LineSeries>
<mx:LineSeries yField="alarmTotal" itemRenderer="{new ClassFactory(CircleItemRenderer)}"
stroke="{line_stroke_radion_2}" displayName="告警总数" lineStroke="{line_stroke_2}">
<mx:fills>
<mx:SolidColor color="0xFF0000"/>
<mx:SolidColor color="0xFF0000"/>
<mx:SolidColor color="0xFF0000"/>
</mx:fills>
</mx:LineSeries>
</mx:series>
<mx:verticalAxisRenderers>
<mx:AxisRenderer axis="{kpiBox_1_content_line_valueAxis}" color="0XFFFFFF" fontSize="10" tickPlacement="none">
<mx:axisStroke>
<s:SolidColorStroke color="0xAEF607" weight="2"/>
</mx:axisStroke>
</mx:AxisRenderer>
</mx:verticalAxisRenderers>
<mx:horizontalAxisRenderers>
<mx:AxisRenderer axis="{kpiBox_1_content_line_dateAxis}" color="0XFFFFFF" fontSize="10"
tickPlacement="none" minorTickPlacement="none">
<mx:axisStroke>
<mx:SolidColorStroke color="0xAEF607" weight="2"/>
</mx:axisStroke>
</mx:AxisRenderer>
</mx:horizontalAxisRenderers>
</mx:LineChart>
相关文章推荐
- Flex :给LineChart设置坐标轴最大最小范围
- Flex中如何通过horizontalTickAligned和verticalTickAligned样式指定线图LineChart横竖方向轴心标记的例子
- flex 改变linechart datatips 显示样式代码
- [转]flex linechart 修改DataTips样式
- 小程序scroll-view组件使用时,子元素虽设置样式display:inline-flex;whit-space:nowrap
- Flex中如何通过设置GridLines对象的horizontalAlternateFill样式交错显示LineSeries图表背景颜色的例子
- Flex: 改变lineChart数据点(交点)颜色值及样式,ItemRenderer border color
- Flex chart设置Legend样式
- Flex :查看某凼数的详细 ,以及重写Renderer 显示lineChart 的数据点标签值及显示的图标样式。。。。。。。。
- Flex LineChart三部曲-样式篇
- Flex中如何通过lineStroke样式改变LineChart图表线条颜色的例子
- Flex :给LineChart设置坐标轴最大最小范围,以及设置纵坐标的线条间隔,数值间隔的例子
- Flex chart设置Legend样式
- Flex: 通过horizontalTickAligned和verticalTickAligned样式指定线图LineChart横竖方向轴心标记
- Flex—鼠标样式设置
- Flex中如何利用seriesFilters属性,添加/删除LineChart图表曲线阴影
- flex LineChart曲线图特效
- flex4 动态获取对象属性,动态生成数据源,动态生成lineChart,清除数据。
- Creating a custom label function on a Flex LineChart control’s category axis
- Flex中如何通过设置cornerRadius样式设定NumericStepper控件边缘棱角圆滑幅度(corner radius)的例子