flex升级到4.5 <mx:secondVerticalAxis>无法解析的解决方案

最新推荐文章于 2016-01-29 08:17:00 发布

原创最新推荐文章于 2016-01-29 08:17:00 发布 · 2.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#flex #object #数据库 #each

IT解决方案专栏收录该内容

28 篇文章

订阅专栏

本文介绍了在Flex布局中如何替代使用第二条Y轴的建议，提供了新的AxisRenderer和Series配置代码，同时展示了如何动态生成Series以适应数据库查询结果的变化。

画出第二条Y轴secondVerticalAxis 。但是4.1的时候已经提示弃用了。

不推荐使用: 请使用 verticalAxis in individual series

下面是解决方案：

         <mx:verticalAxisRenderers>
               //左轴
            <mx:AxisRenderer  >

              <mx:axis>
                    <mx:LinearAxis title="高程" >
                </mx:axis>
            </mx:AxisRenderer>

//右轴
<mx:AxisRenderer placement="right" id="secondAxis" >

               <mx:axis>
                    <mx:LinearAxis title="流量" />
                </mx:axis>
            </mx:AxisRenderer>
        </mx:verticalAxisRenderers>

// 横轴
<mx:horizontalAxis>

            <mx:CategoryAxis id="ca1" categoryField="did" title="河道1断面"/>
        </mx:horizontalAxis>
        //曲线
        <mx:series>

            <mx:LineSeries yField="h" displayName="水面" verticalAxis="{v1}"   />
            <mx:LineSeries yField="dlv"   displayName="河底"   verticalAxis="{v1}" />
            <mx:LineSeries yField="m"   displayName="流量"   verticalAxis="{v2}" />
        </mx:series>

下面是动态生成Series，从数据库中查询，动态生成Series(只提供部分代码)

<mx:verticalAxisRenderers>
   <mx:AxisRenderer>
    <mx:axis>
     <mx:LinearAxis id="columnFirst" title="{reportConfigData.yyDisplayname}" />
    </mx:axis>
   </mx:AxisRenderer>
   <mx:AxisRenderer placement="right">
    <mx:axis>
     <mx:LinearAxis id="columnSecond" title="{reportConfigData.yyDisplaynameTwo}"/>
    </mx:axis>
   </mx:AxisRenderer>
  </mx:verticalAxisRenderers>

  <mx:series>

  </mx:series>

var array:Array=new Array();
    var columnSeries:ColumnSeries=null;
    for each(var obj:Object in reportConfig.yyFieldList)
    {
     columnSeries=new ColumnSeries();
     columnSeries.xField=reportConfig.xxField;
     columnSeries.yField=obj.field;
     columnSeries.displayName=obj.displayName;
     array.push(columnSeries);
    }
    mainColumnchart.series=array;
   }