Skip to main content

数据表

在仪表板中您可以添加各种可视化组件来展示数据,本节以一张最简单的数据表示例为例带您快速了解创建仪表板的流程。

image

1. 数据准备

新增数据源并添加到数据集。

(1)数据源配置

数据源属性属性值
Web API地址https://result.eolink.com/jLwe6LL471d5112ef61d6b2ebe579a5190be3ee81164537?uri=/data-sheet-example
请求方法GET
JSON路径$.data[*]

JSON数据:

{
"success": true,
"code": 200,
"message": "successful",
"data": [{
"id": "1",
"name": "刘一",
"department": "西南区",
"state": "位置确认",
"reason": "已开定位"
}, {
"id": "2",
"name": "李四",
"department": "华中区",
"state": "临时出差",
"reason": "拜访客户"
}, {
"id": "3",
"name": "陈三",
"department": "华东区",
"state": "位置失踪",
"reason": "忘开定位"
}, {
"id": "4",
"name": "张三",
"department": "华南区",
"state": "轨迹异常",
"reason": "手机关机"
}, {
"id": "5",
"name": "赵六",
"department": "华中区",
"state": "轨迹异常",
"reason": "手机忘带"
}, {
"id": "6",
"name": "李四",
"department": "西南区",
"state": "临时调整",
"reason": "地点临时改变"
}, {
"id": "7",
"name": "王五",
"department": "华东区",
"state": "临时出差",
"reason": "拜访客户"
}, {
"id": "8",
"name": "周八",
"department": "华东区",
"state": "位置确认",
"reason": "已开定位"
}],
"count": 8
}

注意:数值型数据不要添加双引号。

(2)数据集配置

image

image

2. 创建仪表板

(1)添加可视化组件

image

(2)数据绑定

选中可视化组件进行数据绑定

image

image