组件配置 - 数据配置 - 《有数BI用户手册》

数据配置

更新时间: 2024-01-25 14:31:52

数据配置
- 连接数据
- 数据筛选

数据配置

选中组件后，右侧的设置面板，第二个Tab就是“数据”设置，可以在这里设置组件要接入的数据源。

组件支持三类数据源：

静态数据：添加组件后，系统会自动为组件设置一段静态的JSON数据，用户可修改JSON数据，直观看到组件的变化。适用于大屏搭建阶段。可以敏捷地使用假数据调试，更快地看到大屏效果。同时避免搭建阶段就产生大量数据请求，减少搭建阶段的编辑器性能消耗。
API：配置API接口参数后，组件可以定时向指定API接口查询最新数据，更新图表。
数据模型：可以复用BI的数据模型，借助数据模型，可以接入文件型数据(Excel、CSV)、关系型数据库(Mysql、Oracel等)、大数据平台等。

连接数据

如下将详细介绍每类数据源的使用步骤。

静态数据

（1）设置静态数据选中组件后，在组件的“数据”面板，将数据源类型切换为“静态数据”后，可以直接编辑JSON数据。也可以在弹窗中更方便地修改。修改后将实时对组件生效。

JSON数据需要满足如下格式：

[
    {
        "字段名a":"值a1"，
        "字段名b":"值b1"，
        "字段名c":"值c1"
    },
    {
        "字段名a":"值a2"，
        "字段名b":"值b2"，
        "字段名c":"值c2"
    }
]

JSON数据到数据表的映射关系如下：
json数据说明.png

（2）配置图表

点击“数据”tab底部的分析按钮。

系统会将满足格式要求的JSON数据解析成若干“字段”。

用户可根据需要，将字段拖入图表的配置区域以完成图表绘制。系统有时候会根据字段名称，自动拖入对应的配置区域，你也可以根据需要进行调整。

API

（1）设置API参数

设置API的“URL地址”跟“请求方式”，有需要的话也可以设置请求头、请求参数。

图中使用了一个公开的API接口，URL地址：https://c.m.163.com/ug/api/wuhan/app/data/list-total

完成设置后，点击“连接”以连通API接口。

你也可以预览API接口的返回数据。

如果API返回的数据不符合系统要求的格式（API接口需返回跟上方“静态数据”章节格式要求一致的JSON数据），你还可以使用“自定义数据处理”功能对API接口的返回数据进行二次加工数据。

图中的示例加工代码如下

function _innerHandle (data) { 
    const cache = data.data || data


    return cache.chinaDayList.map((node)=>{
        return {
            date: node.date,
            confirm: node.today.confirm,
            input: node.today.input
        }

    })
}