vizFrame Playground

vizFrame Playground

by New Monk

HTML

<script id='sap-ui-bootstrap' type='text/javascript' src='https://sapui5.hana.ondemand.com/resources/sap-ui-core.js' data-sap-ui-libs="sap.m, sap.viz, sap.suite.ui.commons" data-sap-ui-theme="sap_belize">


</script>
<script id="myXml" type="text/xmldata">
   <mvc:View xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m" controllerName="myController" displayBlock="true">
      <App>
         <Page id="page" title="VizFrame Playground"></Page>
      </App>
   </mvc:View>
</script>

<body class='sapUiBody'>
   <div id='content'></div>
</body>

JavaScript

sap.ui.controller("myController", {
  onInit: function() {
    this.oPage = this.byId("page");
    var oVboxChart = new sap.m.VBox("vboxGraphs");
    var aSubscriptions = [{
        "RunLogId": "0000000040",
        "RuleId": "00016",
        "CreatedOn": "2020-07-21",
        "CreatedAt": "09:44:35",
        "NAV_SUBSCRIBED_LOGS": {
          "results": [{
              "RunLogId": "0000000040",
              "Sequence": "00001",
              "RuleId": "00016",
              "Variation": "-3.94",
              "ValidationStatus": "F",
              "Dimension": "ABC"
            },
            {
              "RunLogId": "0000000040",
              "Sequence": "00002",
              "RuleId": "00016",
              "Variation": "1.04",
              "ValidationStatus": "S",
              "Dimension": "DEF"
            }
          ]
        }
      },
      {
        "RunLogId": "0000000033",
        "RuleId": "00014",
        "CreatedOn": "2020-07-15",
        "CreatedAt": "11:10:09",
        "NAV_SUBSCRIBED_LOGS": {
          "results": [{
              "RunLogId": "0000000033",
              "Sequence": "00001",
              "RuleId": "00014",
              "Variation": "-2.36",
              "ValidationStatus": "F",
              "Dimension": "ABC"
            },
            {
              "RunLogId": "0000000033",
              "Sequence": "00002",
              "RuleId": "00014",
              "Variation": "-5.05",
              "ValidationStatus": "F",
              "Dimension": "DEF"
            }
          ]
        }
      }
    ];

    for (var i = 0; i < aSubscriptions.length; i++) {
      var oModel = new sap.ui.model.json.JSONModel();
      var chartData = aSubscriptions[i].NAV_SUBSCRIBED_LOGS.results;
      var aDimensions = [];
      var aDimFeeds = [];
      aDimensions.push({
        name: "Dimension",
        value: "{Dimension}"
      });
      aDimFeeds.push("Dimension");
      oModel.setData(chartData);
      oModel.refresh();

      var...