首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

柱图跟线图混合双轴

2012-10-07 
柱图和线图混合双轴mx:ColumnChart???????? height100% ???????? width100% ???????? showDataTips

柱图和线图混合双轴

<mx:ColumnChart
???????? height="100%"
???????? width="100%"
???????? showDataTips="true"
???????? dataProvider="{dataSouce}"
???????? seriesFilters="{null}">?????????
???????? <mx:horizontalAxis>
???????????? <mx:CategoryAxis categoryField="xml字段"/>
???????? </mx:horizontalAxis>
????????mx:verticalAxisRenderers>
????????? <mx:AxisRenderer placement="left" color="#8CBCE3">
????? <mx:axis>
?????? ?<mx:LinearAxis title="" id="leftVertical"/>
????? </mx:axis>
????????? </mx:AxisRenderer>
????????? <mx:AxisRenderer placement="right" color="#FAC090">
??????????? <mx:axis>
???????????? ?<mx:LinearAxis title="" id="rightVertical"/>
??????????? </mx:axis>
????????? </mx:AxisRenderer>
?????? </mx:verticalAxisRenderers>

???????? <mx:series>
??????????? <mx:ColumnSeries yField="xml字段" displayName="描述" verticalAxis="{leftVertical}">
??????????????????????? <mx:fill>
??????????????????????????? <mx:LinearGradient>
??????????????????????????????? <mx:entries>
??????????????????????????????????? <mx:Array>
??????????????????????????????????????? <mx:GradientEntry color="#bddcf8" ratio="0.2" alpha="100"/>
??????????????????????????????????????? <mx:GradientEntry color="#5598CC" ratio="0.8" alpha="100"/>
??????????????????????????????????? </mx:Array>
??????????????????????????????? </mx:entries>
??????????????????????????? </mx:LinearGradient>
??????????????????????? </mx:fill>
??????????? </mx:ColumnSeries>
????????
???????? <mx:LineSeries yField="xml字段"
???????? ?????????????? displayName="描述"
??????????? ?????????????? lineStroke="{s2}"
??????????? ?????????????? fill="{sc1_1}"
??????????? ?????????????? stroke="{s1_1}"
??????????? ?????????????? alpha="0.6"
??????????? ?????????????? verticalAxis="{rightVertical}">
????????????
???????? </mx:LineSeries>????????
???????? </mx:series>????

??????????? <mx:verticalAxis>
???????????? <mx:LinearAxis id="linearAxis"
???????????????????? baseAtZero="false" />
??????????? </mx:verticalAxis>
??????????? ????????
???? </mx:ColumnChart>

?

?

看不懂的可以问我!原创,转载请注明本出处!

热点排行