物可视IOTVIZ

    仪表盘数据绑定

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

    单值绑定

    以图形->圆形为例:

    图片

    image.png

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

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

    image.png

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

    图片

    上图说明,例子中『圆形』组件的填充属性绑定了数据表"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. 数据绑定的优先级比手动设置属性高。数据绑定后,原属性值会被覆盖。

    多值绑定

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

    image.png

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

    上一篇
    设计器介绍
    下一篇
    发布与部署