onenet云平台按钮无法进行远程控制

onenet云平台按钮无法进行远程控制,开关按钮有显示succ

  • 这篇文章讲的很详细,请看:OneNet平台的数据上传
  • 除此之外, 这篇博客: 手把手教你OneNET数据可视化中的 OneNET实现数据可视化 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • 在实现这个可视化之前,需要确保创建产品的数据流上传以及云端命令的下发可以正常进行。在完成了这些操作后,打开OneNET官网,来到旧版首页。点击左上角,在弹出的界面选择数据可视化View。
    在这里插入图片描述
    来到以下界面,点击新建项目。
    在这里插入图片描述
    选择2D空白模板,并设置自己的项目名称和简介。
    在这里插入图片描述
    点击编辑。
    在这里插入图片描述
    进入这个界面就可以开始新建自己的可视化平台了,顶部有很多的控件可以使用but大部分是需要付费的才能使用的。
    在这里插入图片描述
    以免费的表盘和折线图为例:
    首先需要拖出来两个控件,并点击空白出,将展示方式修改为等比缩放,宽度铺满。
    在这里插入图片描述
    然后点击控件,在样式里面设置成自己需要的模式,这个笔者不做讲解,大家根据自己的喜好设置即可。
    在这里插入图片描述
    重点是将控件与数据绑定,点击数据,再点击管理数据。
    在这里插入图片描述
    在弹出的窗口选择新增数据源,点击右侧的下拉箭头,选择OneNET。
    在这里插入图片描述
    在弹出的框中选择普通鉴权,并根据自己需求填入名称,例如Temperature,然后添加Master_key。
    在这里插入图片描述
    添加完毕后点击设备,会出现对应Master_key的设备名称,选中就完事儿了。
    在这里插入图片描述
    然后点击数据流,就可以看见这个设备上传的数据,例如笔者这里就有温度湿度和光照度,这里选择Temperature,点击创建。
    在这里插入图片描述
    提示创建成功,重复此步骤,创建其他所需变量。
    在这里插入图片描述
    如下图所示:
    在这里插入图片描述
    数据流创建好了后就可以绑定到控件了,例如笔者此处的折线图就选择了绑定温度。在这里插入图片描述
    为了能正常显示数据的波形,此处还需要添加数据过滤器。
    在这里插入图片描述
    代码如下,添加代码后一定要保存。

    return [{
        x: data[data.length - 4].at,//X轴是时间
        y: data[data.length - 4].value,//Y轴是数据值
    
    },{
         x: data[data.length - 3].at,
         y: data[data.length - 3].value,
    
    },{
         x: data[data.length - 2].at,
         y: data[data.length - 2].value,
    
    },{
        x: data[data.length - 1].at,
        y: data[data.length - 1].value,
    
        }
    ]
    

    然后点击上方数据处理结果就可以看见数据的时间和数据值,至此这个曲线图就已经添加好了。
    在这里插入图片描述
    然后是表盘,跟上面的操作类似,先绑定数据,笔者此处绑定的是湿度,然后使用数据滤波器。
    在这里插入图片描述
    代码如下:

    return [{
        value: data[data.length - 1].value, 
        name: '湿度'
    }]
    

    保存后即可。
    有关其他的控件的连接可以查看官方的文档——数据可视化View