KPI矩阵

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

1. 数据准备

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

（1）数据源配置：

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

JSON数据：

{
    "success": true,
    "code": 200,
    "message": "successful",
    "data": [{
        "id": "1",
        "orderamount": 110,
        "customerarea": "华南",
        "orderdate": "1月"
    }, {
        "id": "2",
        "orderamount": -120,
        "customerarea": "华南",
        "orderdate": "2月"
    }, {
        "id": "3",
        "orderamount": 109,
        "customerarea": "华南",
        "orderdate": "3月"
    }, {
        "id": "4",
        "orderamount": -140,
        "customerarea": "华南",
        "orderdate": "4月"
    }, {
        "id": "5",
        "orderamount": 150,
        "customerarea": "华南",
        "orderdate": "5月"
    }, {
        "id": "6",
        "orderamount": -140,
        "customerarea": "华南",
        "orderdate": "6月"
    }, {
        "id": "7",
        "orderamount": 260,
        "customerarea": "华南",
        "orderdate": "7月"
    }, {
        "id": "8",
        "orderamount": 120,
        "customerarea": "华南",
        "orderdate": "8月"
    }, {
        "id": "9",
        "orderamount": -160,
        "customerarea": "华南",
        "orderdate": "9月"
    }, {
        "id": "10",
        "orderamount": 300,
        "customerarea": "华南",
        "orderdate": "10月"
    }, {
        "id": "11",
        "orderamount": 115,
        "customerarea": "华南",
        "orderdate": "11月"
    }, {
        "id": "12",
        "orderamount": 230,
        "customerarea": "华南",
        "orderdate": "12月"
    }, {
        "id": "13",
        "orderamount": 10,
        "customerarea": "华东",
        "orderdate": "1月"
    }, {
        "id": "14",
        "orderamount": -120,
        "customerarea": "华东",
        "orderdate": "2月"
    }, {
        "id": "15",
        "orderamount": 30,
        "customerarea": "华东",
        "orderdate": "3月"
    }, {
        "id": "16",
        "orderamount": -240,
        "customerarea": "华东",
        "orderdate": "4月"
    }, {
        "id": "17",
        "orderamount": 50,
        "customerarea": "华东",
        "orderdate": "5月"
    }, {
        "id": "18",
        "orderamount": -80,
        "customerarea": "华东",
        "orderdate": "6月"
    }, {
        "id": "19",
        "orderamount": 60,
        "customerarea": "华东",
        "orderdate": "7月"
    }, {
        "id": "20",
        "orderamount": 120,
        "customerarea": "华东",
        "orderdate": "8月"
    }, {
        "id": "21",
        "orderamount": -60,
        "customerarea": "华东",
        "orderdate": "9月"
    }, {
        "id": "22",
        "orderamount": 100,
        "customerarea": "华东",
        "orderdate": "10月"
    }, {
        "id": "23",
        "orderamount": 115,
        "customerarea": "华东",
        "orderdate": "11月"
    }, {
        "id": "24",
        "orderamount": 130,
        "customerarea": "华东",
        "orderdate": "12月"
    }],
    "count": 24
}

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

（2）数据集字段

2. 创建仪表板

（1）添加可视化组件

（2）数据绑定

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