Skip to main content

面积图

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

image

1. 数据准备

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

(1)数据源配置

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

JSON数据:

{
"success": true,
"code": 200,
"message": "successful",
"data": [{
"id": "1",
"name": "高层公寓",
"area": 99,
"price": 180
}, {
"id": "2",
"name": "中层公寓",
"area": 70,
"price": 160
}, {
"id": "3",
"name": "合院公寓",
"area": 140,
"price": 200
}, {
"id": "4",
"name": "酒店式公寓",
"area": 100,
"price": 180
}],
"count": 4
}

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

(2)数据集配置

image

image

2. 创建仪表板

(1)添加可视化组件

image

(2)数据绑定

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

image

(3)其他面积图设置(同上)

image

image

image