Question

我想在x轴上绘制带有时间戳值的散点图。＆＃39;电力＆＃39;和＃39;没有插头＆＃39;在y轴上。功率值在0 - 60000范围内，并且“插头数量”不在0到60000之间。在0到600的范围内。当我尝试使用下面的代码时，我的错误是错误的。

<!DOCTYPE HTML>
    <html>
      <head>


        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
        <title>Power Measurements</title>

         <script src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
            id="sap-ui-bootstrap"
            data-sap-ui-theme="sap_bluecrystal"
            data-sap-ui-libs="sap.m,sap.viz,sap.ui.layout">
         </script>


        <script>


      var inputData = $powerValues;
      var oModel = new sap.ui.model.json.JSONModel({
        graphData : inputData
      });

      var dataset = new sap.viz.ui5.data.FlattenedDataset({ 
            dimensions : [
             {
               axis : 1,
               name : 'Timestamp',
               value : "{timestamp}"
             }
            ],

            measures : [
                        {
                        group: 1,
                            name : 'Power  (in KW.h)',
                            value : '{power}'
                        },
                        {
                        group: 2,
                            name : 'No of Plugs',
                            value : '{plugs}'
                        }
            ],

            data : {
              path : "/graphData"
            }

          });


        var line = new sap.viz.ui5.Scatter({
                id : "idscatter",
                width : "100%",
                height : "400px",
                title : {
                  visible : true,
                  text : 'Power Utilisation'
                },
                xAxis : {
                  title : {
                    visible : true
                  }
                },
                yAxis : {
                  title : {
                    visible : true
                  }
                },
                dataset : dataset
              });


      line.setModel(oModel);
      line.placeAt("content");

       </script>
      </head>
      <body class="sapUiBody">
        <div id="content"></div>
      </body>
    </html>

Click here for existing output chart

在上图中我需要时间戳作为x轴。＆＃39;无。插头＆＃39;和＆＃39; Power＆＃39;作为同一图表中的两个不同图（这两个图的值在不同的范围内）。

感谢。

SAPUI5 - 带有两个图的散点图

0 个答案: