?<?xml version="1.0"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script> <!--[CDATA[ import mx.collections.ArrayCollection; [Bindable] public var data1:ArrayCollection=new ArrayCollection([{date:"10月1日", all:4001.87}, {date:"10月2日", all:4005.74}, {date:"10月3日", all:4002.77}, {date:"10月4日", all:4008.06},]); [Bindable] public var data2:ArrayCollection=new ArrayCollection([{date:"10月1日", sale:157.59}, {date:"10月2日", sale:158.23}, {date:"10月3日", sale:150.71}, {date:"10月4日", sale:156.88},]); [Bindable] public var data3:ArrayCollection=new ArrayCollection([{date:"10月1日", offer:124.14}, {date:"10月2日", offer:160.3}, {date:"10月3日", offer:122.71}, {date:"10月4日", offer:136.88},]); ]]--> </mx:Script> <mx:Panel title="多軸圖表" fontSize="14"> <!--以柱形圖表為基礎, 第一類數據來源于data1 第二類數據來源于data2--> <mx:ColumnChart id="myChart" showDataTips="true" fontSize="14"> <!--共用X軸，數據來源于data1中的date--> <mx:horizontalAxis> <mx:CategoryAxis dataProvider="{data1}" categoryField="date"/> </mx:horizontalAxis> <mx:verticalAxis> <!--設定左邊Y軸坐標的數值范圍 --> <mx:LinearAxis minimum="4000.00" maximum="4010.00"/> </mx:verticalAxis> <mx:series> <mx:ColumnSeries id="cs1" dataProvider="{data1}" xField="date" yField="all" displayName="大盤指數"/> </mx:series> <mx:secondVerticalAxis> <!--設定Y軸坐標的數值范圍 --> <mx:LinearAxis minimum="110" maximum="170"/> </mx:secondVerticalAxis> <!--定義第二個Series --> <mx:secondSeries> <mx:LineSeries id="cs2" dataProvider="{data2}" xField="date" yField="sale" displayName="交易量"/> <mx:LineSeries id="cs3" dataProvider="{data3}" xField="date" yField="offer" displayName="offer量"/> </mx:secondSeries> </mx:ColumnChart> </mx:Panel> </mx:Application>
效果圖

轉載于:https://www.cnblogs.com/secbook/archive/2009/10/18/2655240.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的flex柱状图和折线图的混合图使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。