title: Line chart doesn't show in Object Page - Vizframe - SAPUI5
body: <p>I am trying to make a <strong>line chart</strong> using Vizframe in an <strong>Object Page</strong>. Does anybody have an example how to do it? I searched the APIs and the sdn but find just samples with Layout element and not Object Page Layout element.<br>
   So when I test it within a simple Layout element (&lt; layout > element) the line charts works fine. But when I try it with Object Page Layout elementt, the chart doesn't show and there is no errors in the console. </p>
  
  <p>Thanks a lot,  </p>
  
  <p>Haylee N.</p>
  
  <p>I joined the two different views here:</p>
  
  <p><strong>View.xml with Layout element ( that works )</strong></p>
  
  <pre><code>&lt;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%"&gt;
  
      &lt;Page title="SAPUI5 App"&gt;
          &lt;layout:FixFlex id='chartFixFlex' minFlexSize="250"&gt;
              &lt;layout:fixContent&gt;
                  &lt;Panel id='settingsPanel' class="panelStyle" expandable="true"
                      expanded="true" headerText="Summary" width="auto"&gt;
                      &lt;content&gt;
                          &lt;HBox class='settingsHBox'&gt;
                              &lt;VBox width="200px"&gt;
                                  &lt;Label text='Reports' design="Bold" class='settingsLabel'&gt;&lt;/Label&gt;
                              &lt;/VBox&gt;
                          &lt;/HBox&gt;
                      &lt;/content&gt;
                  &lt;/Panel&gt;
              &lt;/layout:fixContent&gt;
              &lt;layout:flexContent&gt;
                  &lt;viz:Popover id="idPopOver"&gt;&lt;/viz:Popover&gt;
                  &lt;viz:VizFrame id="idVizFrame" uiConfig="{applicationSet:'fiori'}"
                      height='50%' width="50%" vizType='timeseries_line'&gt;
                      &lt;viz:dataset&gt;
                          &lt;viz.data:FlattenedDataset data="{/milk}"&gt;
                              &lt;viz.data:dimensions&gt;
                                  &lt;viz.data:DimensionDefinition name="Date"
                                      value="{Date}" dataType="date" /&gt;
                              &lt;/viz.data:dimensions&gt;
                              &lt;viz.data:measures&gt;
                                  &lt;viz.data:MeasureDefinition name="Revenue"
                                      value="{Revenue}" /&gt;
                              &lt;/viz.data:measures&gt;
                          &lt;/viz.data:FlattenedDataset&gt;
                      &lt;/viz:dataset&gt;
  
                      &lt;viz:feeds&gt;
                          &lt;viz.feeds:FeedItem uid="valueAxis" type="Measure"
                              values="Revenue" /&gt;
                          &lt;viz.feeds:FeedItem uid="timeAxis" type="Dimension"
                              values="Date" /&gt;
                      &lt;/viz:feeds&gt;
                  &lt;/viz:VizFrame&gt;
              &lt;/layout:flexContent&gt;
          &lt;/layout:FixFlex&gt;
      &lt;/Page&gt;
  
  &lt;/mvc:View&gt;
  </code></pre>
  
  <p><strong>View.xml with Object Page Layout element ( that doesn't work )</strong></p>
  
  <pre><code>&lt;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%"&gt;
      &lt;m:Page showHeader="true" title="{i18n&gt;appTitle}" showFooter="true"
          showNavButton="false"&gt;
          &lt;ObjectPageLayout id="ObjectPageLayout"
              enableLazyLoading="false" subSectionLayout="TitleOnLeft"
              showTitleInHeaderContent="true" showHeaderContent="true"&gt;
              &lt;headerTitle&gt;
                  &lt;ObjectPageHeader objectTitle="Quality Monitor"
                      objectSubtitle="Reports based on errors processed"
                      isObjectIconAlwaysVisible="false" isObjectTitleAlwaysVisible="false"
                      isObjectSubtitleAlwaysVisible="false" isActionAreaAlwaysVisible="true"
                      id="ObjectPageLayoutHeaderTitle"&gt;
                      &lt;actions&gt;
                      &lt;/actions&gt;
                  &lt;/ObjectPageHeader&gt;
              &lt;/headerTitle&gt;
  
              &lt;sections&gt;
  
                  &lt;ObjectPageSection title="Charts"&gt;
                      &lt;subSections&gt;
                          &lt;ObjectPageSubSection&gt;
                              &lt;blocks&gt;
                                  &lt;viz:Popover id="idPopOver"&gt;&lt;/viz:Popover&gt;
                                  &lt;viz:VizFrame id="idVizFrame" uiConfig="{applicationSet:'fiori'}"
                                      height='50%' width="50%" vizType='timeseries_line'&gt;
                                      &lt;viz:dataset&gt;
                                          &lt;viz.data:FlattenedDataset data="{/milk}"&gt;
                                              &lt;viz.data:dimensions&gt;
                                                  &lt;viz.data:DimensionDefinition
                                                      name="Date" value="{Date}" dataType="date" /&gt;
                                              &lt;/viz.data:dimensions&gt;
                                              &lt;viz.data:measures&gt;
                                                  &lt;viz.data:MeasureDefinition name="Revenue"
                                                      value="{Revenue}" /&gt;
                                              &lt;/viz.data:measures&gt;
                                          &lt;/viz.data:FlattenedDataset&gt;
                                      &lt;/viz:dataset&gt;
  
                                      &lt;viz:feeds&gt;
                                          &lt;viz.feeds:FeedItem uid="valueAxis" type="Measure"
                                              values="Revenue" /&gt;
                                          &lt;viz.feeds:FeedItem uid="timeAxis" type="Dimension"
                                              values="Date" /&gt;
                                      &lt;/viz:feeds&gt;
                                  &lt;/viz:VizFrame&gt;
                              &lt;/blocks&gt;
  
                          &lt;/ObjectPageSubSection&gt;
                      &lt;/subSections&gt;
                  &lt;/ObjectPageSection&gt;
  
              &lt;/sections&gt;
          &lt;/ObjectPageLayout&gt;
      &lt;/m:Page&gt;
  &lt;/mvc:View&gt;
  </code></pre>