我目前正在尝试使用带有sensortag的HCP。Sensortag每60秒钟向HCP发送一次温度,图表运行良好。唯一的问题是,我只看到图表中的最后30个值,因为时间戳是轴的值。
编辑:好的,让它使用以下代码从x轴格式化小时:
Axis : { scale: { fixedRange : true, minValue : "0:00", maxValue : "24:00" } } –
所以Point 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)在omodel中限制了30个数据集
2)xAxis-scale值:
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"]
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句