FLEX 多轴图表

<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx=" http://ns.adobe.com/mxml/2009" ?? xmlns:s="library://ns.adobe.com/flex/spark" ?? xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:supportClasses="com.esri.ags.skins.supportClasses.*" width="400" height="300"> ?<fx: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},sale:158.23},sale:150.71},sale:156.88},]); ??[Bindable] ??public var data3:ArrayCollection=new ArrayCollection([{date:"10月1日",offer:124.14},offer:160.3},offer:122.71},offer:136.88},]); ??]]> ?</fx: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> </s:Group>