视图中的多个VizFrames

如何在视图中使用多个VizFrame或多个图表？视图中的多个VizFrames

我有这样的代码：

<viz:VizFrame xmlns:viz="sap.viz.ui5.controls" id="oVizFrame" busy="false" busyIndicatorDelay="100" visible="true" width="100%" 
       uiConfig="{ 'applicationSet': 'fiori' }" vizType="line" legendVisible="true" vizProperties="{ title: {text : '', visible : false}}"> 
       <viz:dataset> 
        <viz.data:FlattenedDataset xmlns:viz.data="sap.viz.ui5.data" data="{/policy_kilometers_driven}"> 
         <viz.data:dimensions> 
          <viz.data:DimensionDefinition name="{i18n>months}" value="{month}"/> 
         </viz.data:dimensions> 
         <viz.data:measures> 
          <viz.data:MeasureDefinition group="1" name="{i18n>km_driven_in_month}" value="{km}"/> 
         </viz.data:measures> 
        </viz.data:FlattenedDataset> 
       </viz:dataset> 
       <viz:feeds> 
        <viz.feeds:FeedItem xmlns:viz.feeds="sap.viz.ui5.controls.common.feeds" id="value1" uid="primaryValues" type="Measure" 
         values="{i18n>km_driven_in_month}"/> 
        <viz.feeds:FeedItem xmlns:viz.feeds="sap.viz.ui5.controls.common.feeds" uid="categoryAxis" type="Dimension" values="{i18n>months}"/> 
       </viz:feeds>   </viz:VizFrame>    <viz:VizFrame xmlns:viz="sap.viz.ui5.controls" id="oVizFrame2" busy="false" busyIndicatorDelay="1000" visible="true" 
       uiConfig="{ 'applicationSet': 'fiori' }" vizType="pie" legendVisible="true"> 
       <viz:dataset> 
        <viz.data:FlattenedDataset data="{/book}" xmlns:viz.data="sap.viz.ui5.data"> 
         <viz.data:dimensions> 
          <viz.data:DimensionDefinition name="Item Category" value="{Item Category}"/> 
         </viz.data:dimensions> 
         <viz.data:measures> 
          <viz.data:MeasureDefinition group="1" name="Revenue" value="{Revenue}"/> 
         </viz.data:measures> 
        </viz.data:FlattenedDataset> 
       </viz:dataset> 
       <viz:feeds> 
        <viz.feeds:FeedItem xmlns:viz.feeds="sap.viz.ui5.controls.common.feeds" id="value2" uid="size" type="Measure" values="Revenue"/> 
        <viz.feeds:FeedItem xmlns:viz.feeds="sap.viz.ui5.controls.common.feeds" uid="color" type="Dimension" values="Item Category"/> 
       </viz:feeds>   </viz:VizFrame>

的问题是，第二VizFrame永远不会呈现，第一个工作正常。如果我删除第一帧，那么第二帧渲染就好了。

感谢您的帮助:)

来源

2016-11-29 Alexander Fuchs

是否更改ID？您也可以检查浏览器控制台日志。 – mkysoft

感谢您的回复:)是的，我做到了，控制台不会出现任何错误，您能指出我的工作示例吗？ –

也许VerticalLayout是你想要的吗？

请看看VizFrames，检查线路195至203

来源

2016-11-30 08:48:50

这似乎是在使用js代码生成vizframes时的窍门。但它仍然不能使用xml布局。我想我必须使用js。 –

您是否在https://sapui5.hana.ondemand.com/explored.html#/sample/sap.ui.layout.sample.VerticalLayout/preview中检查了VerticalLayout示例？ –

视图中的多个VizFrames

回答

相关问题