视图中的多个VizFrame

时间:2016-11-29 14:06:26

标签: javascript sapui5

如何在视图中使用多个VizFrame或多个图表?

我有这段代码:

<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永远不会呈现,第一个工作正常。如果我删除了第一帧,那么secon one就会被渲染得很好。

感谢您的帮助:)

1 个答案:

答案 0 :(得分:1)

也许VerticalLayout是你想要的?

请查看VizFrames并查看第195至203行。