Charts 折线图不'；在对象页-Vizframe-SAPUI5中不显示

我正在尝试在对象页面中使用Vizframe制作折线图。有没有人能举例说明如何做到这一点？我搜索了API和sdn，但只找到带有布局元素的示例，而没有找到对象页面布局元素。
因此，当我在一个简单的布局元素（元素）中测试它时，折线图工作得很好。但是当我尝试使用对象页面布局元素t时，图表不会显示，控制台中也没有错误

非常感谢

海莉

我在这里加入了两种不同的观点：

View.xml与布局元素（有效）

<mvc:View xmlns:mvc="sap.ui.core.mvc" xmlns:core="sap.ui.core"
    xmlns:u="sap.uxap" xmlns:layout="sap.ui.layout" xmlns="sap.m" xmlns:f="sap.f"
    xmlns:t="sap.ui.table" xmlns:viz="sap.viz.ui5.controls" xmlns:viz.data="sap.viz.ui5.data"
    xmlns:viz.feeds="sap.viz.ui5.controls.common.feeds" xmlns:sample="test.controller.ChartsOverview"
    xmlns:goals="test.view.goals" controllerName="test.controller.ChartsOverview"
    height="100%">

    <Page title="SAPUI5 App">
        <layout:FixFlex id='chartFixFlex' minFlexSize="250">
            <layout:fixContent>
                <Panel id='settingsPanel' class="panelStyle" expandable="true"
                    expanded="true" headerText="Summary" width="auto">
                    <content>
                        <HBox class='settingsHBox'>
                            <VBox width="200px">
                                <Label text='Reports' design="Bold" class='settingsLabel'></Label>
                            </VBox>
                        </HBox>
                    </content>
                </Panel>
            </layout:fixContent>
            <layout:flexContent>
                <viz:Popover id="idPopOver"></viz:Popover>
                <viz:VizFrame id="idVizFrame" uiConfig="{applicationSet:'fiori'}"
                    height='50%' width="50%" vizType='timeseries_line'>
                    <viz:dataset>
                        <viz.data:FlattenedDataset data="{/milk}">
                            <viz.data:dimensions>
                                <viz.data:DimensionDefinition name="Date"
                                    value="{Date}" dataType="date" />
                            </viz.data:dimensions>
                            <viz.data:measures>
                                <viz.data:MeasureDefinition name="Revenue"
                                    value="{Revenue}" />
                            </viz.data:measures>
                        </viz.data:FlattenedDataset>
                    </viz:dataset>

                    <viz:feeds>
                        <viz.feeds:FeedItem uid="valueAxis" type="Measure"
                            values="Revenue" />
                        <viz.feeds:FeedItem uid="timeAxis" type="Dimension"
                            values="Date" />
                    </viz:feeds>
                </viz:VizFrame>
            </layout:flexContent>
        </layout:FixFlex>
    </Page>

</mvc:View>

<mvc:View xmlns:mvc="sap.ui.core.mvc" xmlns:core="sap.ui.core"
    xmlns="sap.uxap" xmlns:layout="sap.ui.layout" xmlns:m="sap.m" xmlns:f="sap.f"
    xmlns:t="sap.ui.table" xmlns:viz="sap.viz.ui5.controls" xmlns:viz.data="sap.viz.ui5.data"
    xmlns:viz.feeds="sap.viz.ui5.controls.common.feeds" xmlns:sample="test.controller.ChartsOverview"
    xmlns:goals="test.view.goals" controllerName="test.controller.ChartsOverview"
    height="100%">
    <m:Page showHeader="true" title="{i18n>appTitle}" showFooter="true"
        showNavButton="false">
        <ObjectPageLayout id="ObjectPageLayout"
            enableLazyLoading="false" subSectionLayout="TitleOnLeft"
            showTitleInHeaderContent="true" showHeaderContent="true">
            <headerTitle>
                <ObjectPageHeader objectTitle="Quality Monitor"
                    objectSubtitle="Reports based on errors processed"
                    isObjectIconAlwaysVisible="false" isObjectTitleAlwaysVisible="false"
                    isObjectSubtitleAlwaysVisible="false" isActionAreaAlwaysVisible="true"
                    id="ObjectPageLayoutHeaderTitle">
                    <actions>
                    </actions>
                </ObjectPageHeader>
            </headerTitle>

            <sections>

                <ObjectPageSection title="Charts">
                    <subSections>
                        <ObjectPageSubSection>
                            <blocks>
                                <viz:Popover id="idPopOver"></viz:Popover>
                                <viz:VizFrame id="idVizFrame" uiConfig="{applicationSet:'fiori'}"
                                    height='50%' width="50%" vizType='timeseries_line'>
                                    <viz:dataset>
                                        <viz.data:FlattenedDataset data="{/milk}">
                                            <viz.data:dimensions>
                                                <viz.data:DimensionDefinition
                                                    name="Date" value="{Date}" dataType="date" />
                                            </viz.data:dimensions>
                                            <viz.data:measures>
                                                <viz.data:MeasureDefinition name="Revenue"
                                                    value="{Revenue}" />
                                            </viz.data:measures>
                                        </viz.data:FlattenedDataset>
                                    </viz:dataset>

                                    <viz:feeds>
                                        <viz.feeds:FeedItem uid="valueAxis" type="Measure"
                                            values="Revenue" />
                                        <viz.feeds:FeedItem uid="timeAxis" type="Dimension"
                                            values="Date" />
                                    </viz:feeds>
                                </viz:VizFrame>
                            </blocks>

                        </ObjectPageSubSection>
                    </subSections>
                </ObjectPageSection>

            </sections>
        </ObjectPageLayout>
    </m:Page>
</mvc:View>

带有对象页面布局元素的View.xml（不起作用）

<mvc:View xmlns:mvc="sap.ui.core.mvc" xmlns:core="sap.ui.core"
    xmlns:u="sap.uxap" xmlns:layout="sap.ui.layout" xmlns="sap.m" xmlns:f="sap.f"
    xmlns:t="sap.ui.table" xmlns:viz="sap.viz.ui5.controls" xmlns:viz.data="sap.viz.ui5.data"
    xmlns:viz.feeds="sap.viz.ui5.controls.common.feeds" xmlns:sample="test.controller.ChartsOverview"
    xmlns:goals="test.view.goals" controllerName="test.controller.ChartsOverview"
    height="100%">

    <Page title="SAPUI5 App">
        <layout:FixFlex id='chartFixFlex' minFlexSize="250">
            <layout:fixContent>
                <Panel id='settingsPanel' class="panelStyle" expandable="true"
                    expanded="true" headerText="Summary" width="auto">
                    <content>
                        <HBox class='settingsHBox'>
                            <VBox width="200px">
                                <Label text='Reports' design="Bold" class='settingsLabel'></Label>
                            </VBox>
                        </HBox>
                    </content>
                </Panel>
            </layout:fixContent>
            <layout:flexContent>
                <viz:Popover id="idPopOver"></viz:Popover>
                <viz:VizFrame id="idVizFrame" uiConfig="{applicationSet:'fiori'}"
                    height='50%' width="50%" vizType='timeseries_line'>
                    <viz:dataset>
                        <viz.data:FlattenedDataset data="{/milk}">
                            <viz.data:dimensions>
                                <viz.data:DimensionDefinition name="Date"
                                    value="{Date}" dataType="date" />
                            </viz.data:dimensions>
                            <viz.data:measures>
                                <viz.data:MeasureDefinition name="Revenue"
                                    value="{Revenue}" />
                            </viz.data:measures>
                        </viz.data:FlattenedDataset>
                    </viz:dataset>

                    <viz:feeds>
                        <viz.feeds:FeedItem uid="valueAxis" type="Measure"
                            values="Revenue" />
                        <viz.feeds:FeedItem uid="timeAxis" type="Dimension"
                            values="Date" />
                    </viz:feeds>
                </viz:VizFrame>
            </layout:flexContent>
        </layout:FixFlex>
    </Page>

</mvc:View>

<mvc:View xmlns:mvc="sap.ui.core.mvc" xmlns:core="sap.ui.core"
    xmlns="sap.uxap" xmlns:layout="sap.ui.layout" xmlns:m="sap.m" xmlns:f="sap.f"
    xmlns:t="sap.ui.table" xmlns:viz="sap.viz.ui5.controls" xmlns:viz.data="sap.viz.ui5.data"
    xmlns:viz.feeds="sap.viz.ui5.controls.common.feeds" xmlns:sample="test.controller.ChartsOverview"
    xmlns:goals="test.view.goals" controllerName="test.controller.ChartsOverview"
    height="100%">
    <m:Page showHeader="true" title="{i18n>appTitle}" showFooter="true"
        showNavButton="false">
        <ObjectPageLayout id="ObjectPageLayout"
            enableLazyLoading="false" subSectionLayout="TitleOnLeft"
            showTitleInHeaderContent="true" showHeaderContent="true">
            <headerTitle>
                <ObjectPageHeader objectTitle="Quality Monitor"
                    objectSubtitle="Reports based on errors processed"
                    isObjectIconAlwaysVisible="false" isObjectTitleAlwaysVisible="false"
                    isObjectSubtitleAlwaysVisible="false" isActionAreaAlwaysVisible="true"
                    id="ObjectPageLayoutHeaderTitle">
                    <actions>
                    </actions>
                </ObjectPageHeader>
            </headerTitle>

            <sections>

                <ObjectPageSection title="Charts">
                    <subSections>
                        <ObjectPageSubSection>
                            <blocks>
                                <viz:Popover id="idPopOver"></viz:Popover>
                                <viz:VizFrame id="idVizFrame" uiConfig="{applicationSet:'fiori'}"
                                    height='50%' width="50%" vizType='timeseries_line'>
                                    <viz:dataset>
                                        <viz.data:FlattenedDataset data="{/milk}">
                                            <viz.data:dimensions>
                                                <viz.data:DimensionDefinition
                                                    name="Date" value="{Date}" dataType="date" />
                                            </viz.data:dimensions>
                                            <viz.data:measures>
                                                <viz.data:MeasureDefinition name="Revenue"
                                                    value="{Revenue}" />
                                            </viz.data:measures>
                                        </viz.data:FlattenedDataset>
                                    </viz:dataset>

                                    <viz:feeds>
                                        <viz.feeds:FeedItem uid="valueAxis" type="Measure"
                                            values="Revenue" />
                                        <viz.feeds:FeedItem uid="timeAxis" type="Dimension"
                                            values="Date" />
                                    </viz:feeds>
                                </viz:VizFrame>
                            </blocks>

                        </ObjectPageSubSection>
                    </subSections>
                </ObjectPageSection>

            </sections>
        </ObjectPageLayout>
    </m:Page>
</mvc:View>

---

无论谁来这里寻求答案，只要用像素给出vizframe的高度就行了

无论谁来这里寻求答案，都可以用像素给出VIZ帧的高度

正如某些控件中的人所指出的，使用自适应容器调整高度以适应其内容。如果该内容使用“100%”高度（最初为0），则内容将有效地变为

0px

，并且这些控件最终将其高度调整为内容的0px高度。出于同样的原因，如果使用固定高度而不是百分比，它实际上也会起作用

就我个人而言，这个问题之所以发生，是因为我盲目地将

VizFrame

的示例代码复制到

icontabar

容器中，而没有意识到所用容器的差异

我的问题的解决方案：从VizFrame中删除

height=“100%”

属性，该属性不会强制设置高度，从而允许根据其内容（标题、实际图表、图例等）计算VizFrame的高度，VizFrame不是放置在其中的容器。

正如某些控件中的人所指出的那样，使用自适应容器调整高度以适应其内容。如果该内容使用“100%”高度（最初为0），则内容将有效地变为

0px

，并且这些控件最终将其高度调整为内容的0px高度。出于同样的原因，如果使用固定高度而不是百分比，它实际上也会起作用

就我个人而言，这个问题之所以发生，是因为我盲目地将

VizFrame

的示例代码复制到

icontabar

容器中，而没有意识到所用容器的差异

---

我的问题的解决方案：从VizFrame中删除

height=“100%”

属性，该属性将不会强制设置高度，从而允许根据其内容（标题、实际图表、图例等）计算VizFrame的高度，而不是将VizFrame放置到的容器中。

您看到以下示例了吗？是的，我试过了，很管用。但当我在我的项目中尝试它时，它不起作用。上面是我的代码。不管怎样，谢谢你的建议：）。你说“不行”。您是否在控制台中收到任何错误消息或只是一个空屏幕？您是否可以在调试器中查看数据是否已加载？您是否可以使用类似的工具创建一个带有编码的示例？这可能有助于调试问题。问题来自ObjectPageLayout元素，因为当我使用简单的布局元素时，折线图工作得非常好。不，我在控制台中没有收到任何错误消息。图表就是不显示。是，数据加载正确。是的，我尝试了plnkr，但有些文件未能保存。。所以……我终于找到了解决这个问题的办法。：）你看到下面的样品了吗？是的，我试过了，很管用。但当我在我的项目中尝试它时，它不起作用。上面是我的代码。不管怎样，谢谢你的建议：）。你说“不行”。您是否在控制台中收到任何错误消息或只是一个空屏幕？您是否可以在调试器中查看数据是否已加载？您是否可以使用类似的工具创建一个带有编码的示例？这可能有助于调试问题。问题来自ObjectPageLayout元素，因为当我使用简单的布局元素时，折线图工作得非常好。不，我没有犯任何错误