Flex實現雙軸條狀圖，flex雙軸條狀

Flex實現雙軸條狀圖，flex雙軸條狀

1、問題背景

     一般的，柱狀圖可以實現雙軸圖，但是如何?雙軸條狀圖？

2、實現執行個體

<?xml version="1.0" encoding="utf-8"?><s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"    xmlns:s="library://ns.adobe.com/flex/spark"    xmlns:mx="library://ns.adobe.com/flex/mx"    width="100%" height="100%"    creationComplete="initHandler(event)"><s:layout><s:BasicLayout/></s:layout><fx:Script><![CDATA[import mx.collections.ArrayCollection;import mx.events.FlexEvent;[Bindable]private var chartArray:ArrayCollection = new ArrayCollection([{week:"星期一",snake:"5459",cow:"7845"},{week:"星期二",snake:"8956",cow:"7845"},{week:"星期三",snake:"3562",cow:"7845"},{week:"星期四",snake:"7856",cow:"7845"},{week:"星期五",snake:"1245",cow:"7845"},{week:"星期六",snake:"9656",cow:"7845"},{week:"星期日",snake:"6784",cow:"7845"}]);protected function initHandler(event:FlexEvent):void{cate.ticksBetweenLabels = false;}]]></fx:Script><fx:Declarations><!-- 將非可視元素（例如服務、值對象）放在此處 --></fx:Declarations><mx:VBox width="100%" height="100%" horizontalAlign="center" paddingBottom="10" paddingLeft="10" paddingRight="20" paddingTop="10"><mx:BarChart id="barchart" width="100%" height="90%" showDataTips="true" dataProvider="{chartArray}"><mx:verticalAxis><mx:CategoryAxis id="cate" categoryField="week" displayName="星期" /></mx:verticalAxis><mx:series><mx:BarSeries displayName="蛇數量" xField="snake" yField="week"/></mx:series><mx:secondVerticalAxis><mx:CategoryAxis categoryField="week" displayName="星期"/></mx:secondVerticalAxis><mx:secondSeries><mx:LineSeries displayName="牛" xField="cow" yField="week"/></mx:secondSeries></mx:BarChart><mx:Legend dataProvider="{barchart}"/></mx:VBox></s:Application>

3、實現結果

Flex柱狀圖y軸顯示問題

可以的 做項目很多的組件不能適用的 所以基本都是開發人員自己拓展！
 
Flex怎雙X軸關聯

axiis 裡面的Cluster Column裡面有實現，自己做得繪圖。