Flex实现双轴组合图的设计思路及代码

1、设计思路(1)设计一个组合图，该图共用一个数据源(2)组合图是有柱状图和折线图组合的(3)柱状图显示的数据是依据左边的竖直轴，折线图的数据依据右边的竖直轴2、源码如下DoubleY.mxml:复制代码代码如下：可扩展标记语言版本='1.0 '编码='utf-8 '？s 3360 APPLication xmlns : FX=' http://ns。土坯房。com/mxm/2009 ' xmlns :s=' library ://ns。土坯房。com/flex/spark ' xmlns : MX=' library ://ns。土坯房。com/flex/MX ' width=' 100% ' height=' 100% ' s 3360布局s : basiCLayout//:布局fx3[CDATA[导入MX。收藏品。arraycollection//组合图数据绑定[可绑定]私有var grid array : ArrayCollection=new ArrayCollection([{ quarter : '第一季度，星期一：'78454 ',星期二：'45454 ',星期三：'12012 ',星期四：'78441 ',星期五：'32314 ',星期六：'89454 ',星期日：'45421 ',比率：'23'},{季度： '第二季度，星期一：'56444 ',星期二：'65612 ',星期三：'78454 ',星期四：'45124 ',星期五：'35451 ',星期六：'45421 ',星期日：'65421 ',比率：'47'},{季度： '第三季度，星期一：'51210 ',星期二：'94210 ',星期三：'65643 ',星期四：'45011 ',星期五：'45122 ',星期六：'45421 ',星期日：'65988 ',比率：'13'},{季度： '第四季度，星期一：'61210 ',星期二：'45122 ',星期三：'65323 ',星期四：'95110 ',星期五：'65623 ',星期六：'45111 ',星期日：'65311 ',比率： ' 17 ' });]] /fx:Script mx:VBox宽度='100% '高度='100% ' MX :柱形图id=' chart '宽度=' 100% '高度=' 90% ' showDataTips=' true ' font size=' 16 '数据提供程序=' { gridArray } '！-设置水平坐标轴-MX :水平轴MX : categoryaxis数据提供程序=' { } ' categoryField=' quarter '/MX :水平轴！-设置左竖直坐标轴的最大值和最小值-MX :垂直轴MX :线性轴最小值='0.00 '最大值=' 100000.00 '/MX :垂直轴！-设置左竖直坐标轴的柱形图-MX :系列MX :系列列id='列1 ' xField=' quarter ' yField='星期一显示名称='星期一/MX :列系列id='列2 ' xField='季度' yField='星期二显示名称='星期二/MX :列系列id='列3 ' xField='季度' yField='星期三显示名称='星期三/MX :列系列id='列4 ' xField='季度' yField='星期四显示名称='星期四/MX : 列系列id='列5 ' xField=' quarter ' yField=' Friday '显示名称='星期六/MX :列系列id='列6 ' xField='季度' yField='星期六显示名称='星期七/MX :列系列id='列7 ' xField='季度' yField='星期日'显示名称='星期八//MX :系列！ -设置右竖直坐标轴的最大值和最小值-MX :秒垂直轴MX :线性轴最小值='0.00 '最大值=' 100.00 '/MX :秒垂直轴！-设置右竖直坐标轴的折线-MX :第二系列MX :系列id=' line '数据提供程序=' { GridRay } ' xField=' quarter ' yField=' Rate '显示名称='比率//MX :第二系列/MX :柱形图！-设置神话；传奇属性-MX : hbox s 3360标签宽度=' 25 '/MX :图例数据提供程序=' { chart } ' font size=' 20 '宽度='100% '高度='30 '方向='水平'水平间隙='45 '垂直间隙=' 45 '/MX : hbox/MX 3360 vbox/s 3360应用程序3，显示结果