仪表盘数据绑定
更新时间:2019-06-14
在物可视中,数据可以通过与组件绑定的方式让图表动起来。数据绑定分为单值绑定和多值绑定两种形式。
单值绑定
以图形->圆形为例:
在设计器的右侧『数据绑定』面板中,有部分属性开放了单值绑定功能。
点击绑定小图标,弹出如下对话框:
数据表下拉框中可选择已有数据表。数据表的操作可参考仪表盘数据表处理。
上图说明,例子中『圆形』组件的填充属性绑定了数据表"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. 数据绑定的优先级比手动设置属性高。数据绑定后,原属性值会被覆盖。
多值绑定
多值的绑定主要应用于图表、地图、数据表格等组件中。同样点击设计器右侧『数据绑定』面板的小图标进行数据绑定操作。如下图所示:
具体的数据绑定方式可参见各个组件『数据配置』部分的详细说明。