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

最新推荐文章于 2025-12-06 15:58:48 发布

最新推荐文章于 2025-12-06 15:58:48 发布 · 136 阅读

文章标签：

#数据库

本文介绍如何在图表中配置双Y轴，包括左侧和右侧Y轴的设置，并提供了动态生成系列数据的方法。通过示例代码展示了如何实现双Y轴及对应的系列数据。

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