首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 媒体动画 > flex >

flex4 ColumnChart外包袱NavigatorContent进行TabNavigator分页出错,柱子移位

2013-02-03 
flex4 ColumnChart外包裹NavigatorContent进行TabNavigator分页出错,柱子移位本文同步至http://www.waylau

flex4 ColumnChart外包裹NavigatorContent进行TabNavigator分页出错,柱子移位

本文同步至http://www.waylau.com/flex4-columnchart-package-navigatorcontent-conduct-tabnavigator-page-error-column-shift/


之前单页面的ColumnChart显示图标正常。
后来用TabNavigator进行分2页,每个页面用NavigatorContent,

在NavigatorContent中 再添加ColumnChart 出现了柱子移位的现象。

flex4 ColumnChart外包袱NavigatorContent进行TabNavigator分页出错,柱子移位

在ColumnChart 外包裹一层BorderContainer ,问题解决。~


<mx:TabNavigator id="tabnavigator1"  width="100%" height="100%" ><s:NavigatorContent id="nc_Id_1" label="调峰报告"icon="@Embed('assets/icon/list/48.png')" width="100%" height="100%"><ElectroLoadShifting:Usefuldays width="100%" height="100%" id="usefuldays_id"/></s:NavigatorContent>  <s:NavigatorContent id="nc_Id_2" label="调峰执行"icon="@Embed('assets/icon/list/48.png')"  width="100%" height="100%"  > <s:HGroup width="100%" height="100%" paddingLeft="1" paddingRight="10"  verticalAlign="middle" includeIn="loadingState"><s:BorderContainer width="100%" height="100%" borderVisible="false" ><s:HGroup width="100%" height="100%" ><s:Label id="unit_id" width="18" height="100%" text="{'用电量︵'+_model.loadingShitServerModel.unit+'︶'}" verticalAlign="middle"/><s:VGroup width="100%" height="100%"><s:Label text="近30天用电量"/><mx:ColumnChart id="column" height="100%" color="0x323232"  width="100%" showDataTips="true" dataProvider="{_model.loadingShitServerModel.datas}" dataTipRenderer="common.skin.ColumnChart_DatatipSkin" creationComplete="init()"><mx:horizontalAxis><mx:CategoryAxis categoryField="time"/></mx:horizontalAxis><mx:series><mx:ColumnSeries xField="time" yField="data" displayName="日用电量" id="columSeries_id" /></mx:series></mx:ColumnChart></s:VGroup> </s:HGroup></s:BorderContainer></s:HGroup><s:HGroup  width="100%" height="100%" includeIn="coarseTurningState"><ElectroLoadShifting:CoarseTurning  id="coarseTurning_id" width="100%" height="100%"/></s:HGroup><s:HGroup  width="100%" height="100%" includeIn="fineTurningState"><ElectroLoadShifting:FineTurning  id="fineTurning_id" width="100%" height="100%"/></s:HGroup><s:HGroup  width="100%" height="100%" includeIn="powerSchemeState"><ElectroLoadShifting:PowerScheme  id="powerScheme_id" width="100%" height="100%"/></s:HGroup></s:NavigatorContent> </mx:TabNavigator> 


热点排行