sapui5 VizframeとIconTabBar

Question

タブビューでsapui5-viewを開発したいと思います。最初のタブには2つのドーナツチャート（sap.viz.ui5.controls）が必要です。 Tab-ViewではIconTabBarを使用しています。 IconTabBarなしでグラフを表示できますが、タブビューでチャートビューを実装すると、何も空になります。 また、2つのドーナツチャートをHorizo​​ntalLayoutに配置すると、 アイデアはありますか？私はあなたがあなたのVizFrame秒のheight="100%"プロパティに問題があることを推測

<viz:VizFrame 
     id="idDonutChartPriority" 
     height="100%" 
     width="100%"></viz:VizFrame> 

Answer 1

：

種類は キルスティン

Tab-View: 
<Page id="detail_Tab" title="{i18n>Title}" showNavButton="false" > 
     <IconTabBar> 
      <items> 
       <IconTabFilter text="Overview"> 
        <mvc:XMLView viewName="{...}.view.Detail_Overview"/> 
       </IconTabFilter> 

      </items> 
     </IconTabBar> 
    </Page> 

Detail_Overviewについて。それらをpxサイズに設定してみてください。 JSBinでhereを試すことができます。

IconTabBarの高さがその内容に適合します。あなたのコンテンツの高さが100％の場合、それは100％のゼロになります。

100％を使用する場合は、IconTabBarにstretchContentHeight="true"を設定してみてください。それはdetermines whether the IconTabBar height is stretched to the maximum possible height of its parent container. As a prerequisite, the height of the parent container must be defined as a fixed value.

Answer 2

<mvc:View xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m" xmlns:viz="sap.viz.ui5.controls" controllerName="view1"> 
<IconTabBar> 
      <items> 
       <IconTabFilter text="Overview"> 
        <viz:VizFrame 
        id="sample" 
        height="500px" 
        width="100%"></viz:VizFrame> 
       </IconTabFilter> 
      </items> 
     </IconTabBar> 
</mvc:view>