技术交流

学习资料

立即试用 商务报价
社区版
社区版 专业版 云服务 Edge Edge PE 网关 授权服务 Trendz分析 Mobile 应用程序 Mobile PE应用程序
文档 > 仪表板 > 部件 > 数据配置
入门
指南 安装 架构 API 常见问题

本页目录

数据配置

介绍

高级数据key配置负责部件上数据key列的可见性、样式和外观,实体表格部件、警报部件和实体管理部件包具有相同的高级数据key配置,图表部件包具有自己独特的高级数据key配置,所有其他部件包只有基本的数据配置。

输入数据key置单击要调整的数据key上的铅笔图标。

image

1. 实体/警报表格

实体表格组件、警报表格组件和实体管理部件包具有相同的高级数据key配置,通过卡片部件包中实体表格组件上的示例来演示高级配置。

1.1. 列宽

列宽 允许以像素或百分比为单位调整列的宽度手动输入所需的宽度(例如 500px)然后单击对话框右下角的保存也可以将宽度更改为百分比。

1.2. 样式

单元格样式函数允许根据值、实体或ctx调整行的颜色,时序表格件还具有单元格样式函数配置单元格样式功能,选中“使用单元格样式函数”框然后在下面的字段中输入代码,单击数据key配置对话框右下角的“保存”按钮应用更改,请单击部件编辑模式右上角的橙色大复选标记要保存已应用的更改,请单击仪表板编辑模式右下角的橙色复选标记。

单元格样式函数的示例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
if(value < 0) {
   return {"background-color" : "#5F4DEB"};
} else if (value < 35) {
    return {"background-color" : "#62c5e3", "color" : "#19154a"};
} else if (value < 45) {
    return {"background-color" : "#b50232", "color" : "#f7e18f"};
} else if (value < 55) {
    return {"background-color" : "#e6b500", "color" : "#ff2200"};
} else if (value < 65) {
    return {"background-color" : "#ff9419"};
} else if (value < 75) {
    return {"background-color" : "#d0ff00"};
} else if (value < 85) {
    return {"background-color" : "#35c433"};
} else { 
    return { "background-color" : "red" };
}
1.3. 内容

单元格内容功能允许根据值、实体或ctx更改数据键列的文本,卡片部件包中的时列部件还具有单元格内容函数,要配置单元格样式功能应该选中使用单元格内容功能框并在下面的字段中输入该代码然后单击数据key配置对话框右下角的“保存”按钮应用更改单击部件编辑模式右上角的橙色大复选标记保存已应用的更改,请单击仪表板编辑模式右下角的橙色复选标记。

在示例中我们有两个判断:true或false单元格内容函数可以更改内容文本。

1
2
3
4
5
if (value == "true") {
    return "Active";
} else {
    return "Inactive";
}

但是有时不适合阅读返回的文本来确定设备是处于活动状态还是非活动状态。 单元格内容功能允许通过输入自定义函数来描述活动/非活动状态,从而配置更方便的显示方式(请参阅下面的功能示例)。

Configurable function to depicture an active/inactive status:

1
2
3
4
5
if (value == "true") {
    return '<div style="border-radius:50%;background-color:green;width:18px;height:18px"></div>';
} else {
    return '<div style="border-radius:50%;background-color:red;width:18px;height:18px"></div>';
}
1.4. 默认显示

ThingsBoard3.2.2及以上版本在下拉菜单中可以选择显示/隐藏选项以选择是否在部件中显示数据键列,在导出部件时可选择需要排除特定数据键。

1.5. 选择显示

ThingsBoard3.2.2及以上版本在下拉菜单中可以选择是否在可见范围选择菜单中显示该列因此没有权限的客户端将无法隐藏它。