Skip to Content
0
Former Member
Jan 13, 2016 at 08:58 AM

VIZFRAME inside fixflex

627 Views

Hi

I'm trying to insert vizframe chart into fix flex :

XML :

<mvc:View height="100%" width="100%" controllerName="sap.viz.sample.Donut.Donut"

xmlns:l="sap.ui.layout" xmlns:viz="sap.viz.ui5.controls" xmlns:mvc="sap.ui.core.mvc"

xmlns:suite="sap.suite.ui.commons" xmlns="sap.m" xmlns:html="http://www.w3.org/1999/xhtml">

<l:FixFlex id="idFixFlex" class="fixFlexFixedSize"

minFlexSize="250">

<!--Below is the setting panel -->

<l:fixContent>

<Text xmlns="sap.m" busy="false" busyIndicatorDelay="1000"

visible="true" text="test" textDirection="Inherit" wrapping="true"

textAlign="Begin" maxLines="1">

</Text>

</l:fixContent>

<!--Above is the setting panel -->

<!--Below is the chart area -->

<l:flexContent>

<viz:Popover id="idPopOver"></viz:Popover>

<viz:VizFrame id="idVizFrameDonut" uiConfig="{applicationSet:'fiori'}"

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

</l:flexContent>

<!--Above is the chart area -->

</l:FixFlex>

</mvc:View>

controler :

var DonutController = Controller.extend("sap.viz.sample.Donut.Donut", {

onInit: function(oEvent) {

var oVizFrame = this.getView().byId("idVizFrameDonut");

var oFixFlex = this.getView().byId("idFixFlex");

ControllerOverall.customFormat(); // set customized format

ControllerOverall.loadLibrary(oVizFrame, oFixFlex); // load "sap.suite.ui.commons"

var dataPath = "test-resources/sap/viz/demokit/dataset/milk_production_testing_data/revenue_cost_consume";

var oVizFrame = this.getView().byId("idVizFrameDonut");

oVizFrame.setVizType('donut');

oVizFrame.setUiConfig({

"applicationSet": "fiori"

});

var oPopOver = this.getView().byId("idPopOver");

oPopOver.connect(oVizFrame.getVizUid());

The fix content is good but the chart dosn't show.

Any suggestions ?

Thanks,

Arie.