2017-02-23 11 views
0

現在、sensortagでHCPを試しています。 Sensortagは60秒ごとにHCPに温度を送信し、ダイアグラムは正常に機能します。 タイムスタンプは軸の値なので、ダイアグラムの最後の30個の値しか表示されないという問題があります。SAP UI5:x軸上のviz.frameダイアグラムの作成

  1. 図をフォーマットする可能性はありますか?これらのデータ値を合計して、x軸が1時間当たりに表示されるようにすることができます。 ?
  2. たとえば、毎日2行目を追加することもできます。 OK、フォーマットにそれを得た:1日2等の色2、1日目のための色1に示す温度とのデータ点を意味し、x軸を0-24

editから時間を示し このコードのx軸からの時間:

Axis : { scale: { fixedRange : true, minValue : "0:00", maxValue : "24:00" } } – 

したがって、ポイント2は開いたままですが、どのように測定値をフォーマットできますか?全て

var vizFrame = new sap.viz.ui5.controls.VizFrame("graph").addStyleClass("sapUiSmallMarginBegin").addStyleClass("sapUiSmallMarginTop"); 
    vizFrame.setWidth("900px"); 
    var oDataset = new sap.viz.ui5.data.FlattenedDataset({ 
     dimensions: [ 
      { 
       name: "Date", 
       value: { 
        path: "G_CREATED", 
        formatter: function(val){ 
         if (val == null) { 
          return "string null"; 
         }       
         var date = new Date(parseInt(val.substr(6,20))); 
         var dd = date.getDate(); 
         var mm = date.getMonth()+1; //January is 0! 
         var yyyy = date.getFullYear(); 
         var hr = date.getHours(); 
         var min = date.getMinutes(); 
         var sec = date.getSeconds(); 
         var fromdate1 = dd+'/'+mm+'/'+yyyy + " " + hr + ":" + min + ":" + sec; 
         return fromdate1; 
        } 
       } 
      } 
     ], 
     measures: [ 
      { 
       name: "C_SENSORTEMP", 
       value: "{C_SENSORTEMP}" 
      }, 
      { 
       name: "C_SENSORHUMIDITY", 
       value: "{C_SENSORHUMIDITY}" 
      } 

     ], 
     data: { 
      path: "/items" 

     } 
    }); 
    vizFrame.setDataset(oDataset); 
    vizFrame.setVizType('line'); 

    vizFrame.setVizProperties({ 
     plotArea: { 
      colorPalette : ["#5cbae6", "#b6d957", "#fac364"] 
      }, 
     categoryAxis: { 
      title: { 
       text: "Date/Time" 
      } 
     }, 
     valueAxis: { 
      title: { 
       text: "temp/humidity" 
      } 
     }, 
     title: { 
      visible:false 
     } 
    }); 

    var feedValueAxis = new sap.viz.ui5.controls.common.feeds.FeedItem({ 
      'uid': "valueAxis", 
      'type': "Measure", 
      'values': ["C_SENSORTEMP", "C_SENSORHUMIDITY"] 
     }), 
     feedCategoryAxis = new sap.viz.ui5.controls.common.feeds.FeedItem({ 
      'uid': "categoryAxis", 
      'type': "Dimension", 
      'values': ["Date"] 
     }); 

    vizFrame.addFeed(feedValueAxis); 
    vizFrame.addFeed(feedCategoryAxis); 

    var container = new sap.m.VBox({ 
     items: [vizFrame], 
     width: "100%", 
     height: "100%", 
     alignItems: "Center" 
    }); 

答えて

0

問題が解決される

measures: [ 
     { 
      name: "C_SENSORTEMP", 
      value: "{C_SENSORTEMP}" 
     }, 
     { 
      name: "C_SENSORHUMIDITY", 
      value: "{C_SENSORHUMIDITY}" 
     } 

    ], 

ありがとう:

1)omodel 30個のデータセットの制限を持っ

2)X軸スケール値:

yAxis : {scale: { 
           fixedRange : true, 
           minValue : "15", 
           maxValue : "30" 
        }}, 

カテゴリ各日付の色/グループ:

var oDataset = new sap.viz.ui5.data.FlattenedDataset({ 
dimensions: [{ 
name: "hour",value: "{hour}"}, 
name: "date", value: "{date}"} 
... 
var feedValueAxis = new sap.viz.ui5.controls.common.feeds.FeedItem({ 
      'uid': "valueAxis", 
      'type': "Measure", 
      'values': ["SENSORTEMP"] 
     }), 
     feedCategoryAxis = new sap.viz.ui5.controls.common.feeds.FeedItem({ 
      'uid': "categoryAxis", 
      'type': "Dimension", 
      'values': ["hour"] 
     }), 
     feedColor = new sap.viz.ui5.controls.common.feeds.FeedItem({ 
      "uid": "color", 
      "type": "Dimension", 
      "values": ["date"] 
}); 
関連する問題