Skip to main content

仪表板入门

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

image

1. 数据准备​

1.1 创建数据集文件夹​

image

1.2 创建批式数据集​

image

1.3 新增数据源​

image

注意：这里使用直连模式。

1.4 选择数据源​

image

1.5 创建数据源（JSON API）​

image

image

参考配置：

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

扩展：

Json路径：即解析JSON数据结构并取出指定数据集合的JSON Path表达式，如 $.bookstore.books[*]。

JSON Path的语法参考

Web API返回数据：

{
    "success": true,
    "code": 200,
    "message": "successful",
    "data": [{
        "id": "1",
        "type": "燃料及动力",
        "value": 21.13
    }, {
        "id": "2",
        "type": "制造费",
        "value": 18.11
    }, {
        "id": "3",
        "type": "源料费",
        "value": 25.97
    }, {
        "id": "4",
        "type": "人工费用",
        "value": 34.79
    }],
    "count": 4
}

1.6 新增数据源到数据集

image

注意：后期也可以通过编辑数据集来维护数据源。

1.7 完成新增数据集

image

1.8 编辑数据集字段

为了方便业务人员也可以轻松配置仪表盘，编辑数据集 > 字段设置 > 显示名称。

“显示名称”的用途是作为一个适于显示给用户的字符串。比如文件的显示名称可能是文件名，也可能是去掉后缀，更甚至于可能被翻译成用户首选的语言！

image

2. 创建仪表板​

当准备好数据后，就可以创建一张最简单的仪表板：

image

2.1 创建数据应用文件夹​

image

2.2 创建仪表板​

image

2.3 设置仪表板名称​

image

3. 仪表板设计思路​

设计仪表板可以有两种方式，分别是：使用智能分析向导 和 手动设计。

以下介绍基于手动设计仪表板进行。

打造仪表板的基本思路都是一致的，如下图所示，了解了大体的制作思路后将更有助于开展具体的设计工作。

image

4. 实践步骤​

4.1 打开仪表板设计器​

image

4.2 添加可视化组件​

image

4.3 数据绑定&前端数据处理​

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

image

设置字段格式：

image

格式化字段：

image

4.4 外观&属性设置​

通过数据源设置数值和系列：

image

​

设置标题名称和显示图例为否：

image

设置布局：

image

设置数据标签：

image

点击空白处，设置仪表板的可视化元素全局设置，也可以单独设置每个可视化组件的独立样式：

image

image

设置边距与边框：

image

4.5 保存并预览仪表板​

image

image