制作可视化页面前首先需要定义数据来源，除了通过HiperMATRIX平台采集获取设备属性数据，用户系统最常见的就是数据保存在数据库中，使用数据库数据来制作可视化内容，页面内容会随着数据库的更新而更新。
数据源的管理需要在左侧数据源面板中操作，点击面板右侧按钮即可弹出数据源管理页面。
数据源管理页面
1. 创建数据源
1.1 连接类数据源
连接类数据源指的是读取设备实时数据，需提前在边缘连接服务-设备管理中创建好设备，并对设备属性点位完成配置。在可视化页面中，只需对组件进行数据绑定，就能对设备实时数据进行可视化展示。具体创建方法如下：
（1）数据源管理页面，选择数据源列表选项卡，点击“创建新数据源”。
（2）数据源类型选择“连接”，输入数据源名称，并选择需要绑定的设备（支持多选），提交表单
（3）完成创建后，数据源列表中显示已创建的设备连接，可在列表中对数据源进行编辑、复制、预览、删除操作。创建好的数据源可在组件中的数据绑定中进行数据调用，具体绑定方法可查看各组件功能详情。
1.2 数据库类数据源
目前支持mysql和influxDB两种类型的数据库，需填写数据库地址等参数以及查询语句。
（1）数据源管理页面，选择数据源列表选项卡，点击“创建新数据源”。
（2）数据源类型选择“数据库”，输入数据源名称，若数据库类型选择mysql（MYSQL 版本8.0以上），需输入主机名（ip地址）、端口号、数据库名称、查询语句、用户名和密码。各参数说明如下表
| 参数名称 | 参数描述 |
| 主机名 | 数据库的ip地址，例如 192.168.12.13 |
| 端口号 | 数据库在服务器中的端口号，例如 3306 |
| 数据库名称 | 数据库的名称 ,例如：testdb |
| Query | 对整个数据库进行查询，单个或多个表，例如：SELECT * from XXX |
| 用户名和密码 | 数据库的用户名和密码 |
若数据库类型选择InfluxDB，需选择对应的InfluxDB版本，influxDB v.1版本需输入主机名（ip地址）、端口号、数据库名称、查询语句，用户名和密码；influxDB 2.x支持flux语句，需输入数据库url、token、组织、查询语句。
（3）点击连接测试，测试通过即可点击提交完成数据源的创建。在左侧数据源管理面板中，选择刚创建好的数据源即可查询到数据库表中对应字段。
