0
現在、sensortagでHCPを試しています。 Sensortagは60秒ごとにHCPに温度を送信し、ダイアグラムは正常に機能します。 タイムスタンプは軸の値なので、ダイアグラムの最後の30個の値しか表示されないという問題があります。SAP UI5:x軸上のviz.frameダイアグラムの作成
- 図をフォーマットする可能性はありますか?これらのデータ値を合計して、x軸が1時間当たりに表示されるようにすることができます。 ?
- たとえば、毎日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"
});