首页 | 新闻 | 新品 | 文库 | 方案 | 视频 | 下载 | 商城 | 开发板 | 数据中心 | 座谈新版 | 培训 | 工具 | 博客 | 论坛 | 百科 | GEC | 活动 | 主题月 | 电子展
返回列表 回复 发帖

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

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

本帖最后由 gdyc_08 于 2013-2-10 16:53 编辑

之前单页面的ColumnChart显示图标正常。
后来用TabNavigator进行分2页,每个页面用NavigatorContent,
在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%" >  
                        <sabel id="unit_id" width="18" height="100%"  
                                 text="{'用电量︵'+_model.loadingShitServerModel.unit+'︶'}"  
                                 verticalAlign="middle"/>  
                        <s:VGroup width="100%" height="100%">      
                            <sabel 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">     
                <ElectroLoadShiftingowerScheme  id="powerScheme_id" width="100%" height="100%"/>  
            </s:HGroup>  

        </s:NavigatorContent>   

          www.diaosizhijia.com
    </mx:TabNavigator>
返回列表