上云无忧 > 文档中心 > 百度智能云物联网可视化设使用教程 - 仪表盘数据绑定
物联网可视化设计
百度智能云物联网可视化设使用教程 - 仪表盘数据绑定

文档简介:
在物可视中,数据可以通过与组件绑定的方式让图表动起来。数据绑定分为单值绑定和多值绑定两种形式。 单值绑定: 以图形->圆形为例: 在设计器的右侧『数据绑定』面板中,有部分属性开放了单值绑定功能。 点击绑定小图标,弹出如下对话框:
*此产品及展示信息均由百度智能云官方提供。免费试用 咨询热线:400-826-7010,为您提供专业的售前咨询,让您快速了解云产品,助您轻松上云! 微信咨询
  免费试用、价格特惠

在物可视中,数据可以通过与组件绑定的方式让图表动起来。数据绑定分为单值绑定和多值绑定两种形式。

单值绑定

以图形->圆形为例:

图片

在设计器的右侧『数据绑定』面板中,有部分属性开放了单值绑定功能。

点击绑定小图标,弹出如下对话框:

数据表下拉框中可选择已有数据表。数据表的操作可参考仪表盘数据表处理。

上图说明,例子中『圆形』组件的填充属性绑定了数据表"tsdb"中light列对应的一个颜色数据。本例中,light列的生成可参考下方代码。通过简单的判断逻辑,输出的颜色值可作为信号灯使用。

function transform(cell, rowIndex, col, rows, header) {
	if (cell > 35) {
    	return 'red';
    }
    else if (cell > 25) {
    	return 'orange';
    }
    else if (cell > 10) {
    	return 'green';
    }
    else if (cell <= 10) {
    	return 'blue';
    }
    else {
    	return 'grey';
    }
}

绑定状态下,可解除绑定,或者选择其他单元格更新绑定。

注: 1. 不符合属性类型的数据绑定无效。例如,填充属性的类型为color,即常用颜色单词、十六进制色值或者以rgb, hsl等颜色模型表示的色值。如果填充属性绑定了number类型的数据,则会不生效。可绑定属性的类型可参见各个组件『动态属性』部分的说明。 2. 数据绑定的优先级比手动设置属性高。数据绑定后,原属性值会被覆盖。

多值绑定

多值的绑定主要应用于图表、地图、数据表格等组件中。同样点击设计器右侧『数据绑定』面板的小图标进行数据绑定操作。如下图所示:

具体的数据绑定方式可参见各个组件『数据配置』部分的详细说明。

相似文档
  • 发布: 制作完成的仪表盘需要先被发布后,才能部署或分享。如果对已经发布过的仪表盘做了修改,也需要再次发布,并重新加载(刷新)已被集成或分享的仪表盘,才会展示更新后的内容。
  • 物可视平台拥有自动保存功能,任何对仪表盘的改动(包括组件位置,属性,数据表等等)都会在 3 秒后触发自动保存,大大降低了用户的操作成本,也保证了用户的操作不会丢失,是一个友好的功能。
  • 随着越来越多的数据接入到物联网中,对于数据安全的需求也与日俱增。出于一些政策或者法律法规上的要求,一些物联网用户需要在内网环境中搭建一套物联网服务。但是当考虑到可视化需求时,因为之前物可视必须依赖公网,在内网环境下无法使用,很遗憾地无法构成服务闭环。
  • 每次从零开始开发一个模板,对于普通用户(尤其是没有设计功底的用户)来说是一个不小的考验。为了最大限度帮助物可视用户提升仪表盘的设计水准,我们推出了仪表盘模板功能,使用户可以以模板为基础进行小幅改动即可完成仪表盘的搭建,大大提升仪表盘的美观度。
  • 细心的用户会发现,使用天工物可视平台制作的仪表盘在正式发布后,会在仪表盘的右下角显示一个 "iotviz" 字样的标记,如下图所示: 我们称之为“水印”,因为 iotviz 是天工物可视的简写,那么我们是否有办法去掉这个水印,甚至增加自身企业的标记呢?
官方微信
联系客服
400-826-7010
7x24小时客服热线
分享
  • QQ好友
  • QQ空间
  • 微信
  • 微博
返回顶部