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

雄辩

我目前正在尝试使用带有sensortag的HCP。Sensortag每60秒钟向HCP发送一次温度,图表运行良好。唯一的问题是,我只看到图表中的最后30个值,因为时间戳是轴的值。

  1. 有哪些可能的格式图表?我可以对这些数据值求和,以便在每小时fe中显示x轴吗?
  2. 是否还可以每天增加第二行。这意味着,颜色为1的数据点显示第1天的温度,颜色2为第2天的数据,依此类推,x轴显示0-24的小时数

编辑:好的,让它使用以下代码从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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

SAP UI5 可视化图表(折线、堆积条形图等)中的最大可能度量和维度?

来自分类Dev

SAP UI5与Web Dynpro

来自分类Dev

SAP UI5过渡参数

来自分类Dev

SAP HANA 中的格式化数字

来自分类Dev

带有sap.viz.ui5.Combination的DualChart

来自分类Dev

UI5 sap.m.Table itemPress事件

来自分类Dev

oData模型的SAP UI5访问值

来自分类Dev

UI5 sap.m.Table itemPress事件

来自分类Dev

SAP UI5中的样式表

来自分类Dev

SAP UI5计划日历-标题文本大小

来自分类Dev

带有 json 数据绑定的 sap ui5

来自分类Dev

在 Select - SAP UI5 中使用 toFixed()

来自分类Dev

sap.m中的自定义输入类型输入sap ui5

来自分类Dev

格式化X轴标签熊猫时间序列图

来自分类Dev

格式化轴标签核心图的长数字

来自分类Dev

如何在sap ui5的文本字段(如sap.m.Input)中设置自动完成或自动建议?

来自分类Dev

.this或sap.ui.getCore()。byId()

来自分类Dev

使用JQuery在SAP UI5模板处理程序中访问样式的行

来自分类Dev

需要从SAP Fiori中的其他主机加载UI5模块

来自分类Dev

UI5:如何从sap.m.IconTabFilter中删除图标?

来自分类Dev

如何在SAP UI5中的TextField之间创建空间

来自分类Dev

SAP UI5问题,在自定义控件中呈现两次调用

来自分类Dev

SAP UI5对象列表项,带有“标题”作为超链接

来自分类Dev

如何在SAP UI5代码中生成UUID?

来自分类Dev

在JS代码中设置UI5 sap.m.UploadCollectionItem的“ visibleEdit”和“ visibleDelete”值

来自分类Dev

使用JQuery在SAP UI5模板处理程序中访问样式的行

来自分类Dev

SAP UI5 XML View Tiles图标不起作用

来自分类Dev

如何在XML视图SAP UI5上触发HTML锚标记的click事件

来自分类Dev

在应用程序中动态更改SAP UI5应用程序区域设置

Related 相关文章

热门标签

归档