flex4 ColumnChart外包裹NavigatorContent进行TabNavigator分页

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

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

在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>