SAP UI5：在x轴上格式化viz.frame图

问题描述：

我目前正在用sensortag尝试HCP。Sensortag每60秒发送一次温度至HCP，图表运行良好。唯一的问题是，我只看到图中的最后30个值，因为时间戳是轴的值。SAP UI5：在x轴上格式化viz.frame图

哪些可能有格式化图表？我可以总结这些数据值，因此X轴显示每小时f.e. ？
是否有可能为每天添加例如第二行。这意味着，其色1数据点示出了温度DAY1，颜色2天2等，并且x轴示出了时间从0-24

编辑：确定，它得到格式从这个代码的x轴的小时：

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

所以点2仍然是开放的，我如何格式的措施？

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

    ],

感谢所有

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" 
    });

答

问题得以解决：

1）得到的30点的数据集的限制在omodel

2）X轴刻度值：

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

categor ies/groups for each date in colours：

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"] 
});

SAP UI5：在x轴上格式化viz.frame图

相关推荐