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

来源:互联网 发布:免费打网络电话网 编辑:程序博客网 时间:2024/06/01 07:31

画出第二条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;
   }

原创粉丝点击