# 快速搭建数据大屏 #### 应用场景 数据大屏是一种将数据以图形化、可视化的形式展示在大屏幕上的技术解决方案，融合了可视化技术和场景叙事能力，通常用于实时展示和分析关键数据指标，帮助用户快速理解复杂数据。本文以某类商品的销售数据为例，介绍如何快速搭建数据大屏。 #### 操作流程 图1快速搭建数据大屏操作流程 ![](https://support.huaweicloud.com/qs-dataartsinsight/zh-cn_image_0000002062918034.png) 表1快速搭建数据大屏流程说明 | 序号 | 步骤 | 说明 | |:---|:---|:---| | 1 | [新建项目] | 新建项目，后续所有的数据分析在该空间中展开，便于数据管理。 | | 2 | [接入数据源] | 数据源是数据分析的基础，成功接入数据源后才能进行数据分析。 | | 3 | [新建数据集] | 数据集作为数据源和可视化展示的中间环节，承接数据源的输入，并为可视化展示提供输入。 | | 4 | [新建大屏] | 添加不同的图表来搭建大屏，呈现数据的不同维度，实现数据的可视化分析。 | | 5 | [管理大屏] | 分析完成后，支持发布大屏，也支持将大屏分享给他人进行协同编辑。 | #### 准备工作 用户需提前准备数据，本例共计三个数据表：order_info_demo_01（订单表）、product_info_demo_02（商品信息表）user_info_demo_03（用户数据表），详细信息请参见[表2]。为保护用户的隐私和数据安全，所有数据均已进行了采样和脱敏。 表2商品销售数据示例 | 表名称 | 字段名称 | 字段类型 | 字段说明 | |:---|:---|:---|:---| | order_info_demo_01 | id | int | ID编号 | | order_info_demo_01 | sale_price | int | 销售价格 | | order_info_demo_01 | profit | int | 利润 | | order_info_demo_01 | pay_time | int | 支付时间 | | order_info_demo_01 | create_time | int | 订单创建时间 | | product_info_demo_02 | product_id | int | ID编号 | | product_info_demo_02 | product_name | string | 商品名称 | | product_info_demo_02 | product_type | string | 商品类型 | | product_info_demo_02 | product_color | string | 商品颜色 | | product_info_demo_02 | product_price | string | 商品价格 | | user_info_demo_03 | id | int | ID编号 | | user_info_demo_03 | user_name | int | 用户名 | | user_info_demo_03 | age | int | 年龄 | | user_info_demo_03 | gender | int | 性别 | #### 步骤1：新建项目 1. 登录[智能数据洞察控制台](https://auth.huaweicloud.com/authui/login.html?#/login)。 2. 单击控制台左上角的![](https://support.huaweicloud.com/qs-dataartsinsight/zh-cn_image_0000002217845020.png)，选择区域，单击右上角的企业项目，选择企业项目。 3. 单击"项目 \> 新建项目"，进入新增项目页面。 4. 参数填写完成后，单击"确定"，项目创建成功。 图2新增项目 ![](https://support.huaweicloud.com/qs-dataartsinsight/zh-cn_image_0000002160755021.png) #### 步骤2：接入数据源 本例通过公网方式接入GaussDB(DWS)数据源，详细操作步骤请参见[接入GaussDB(DWS)数据源](https://support.huaweicloud.com/usermanual-dataartsinsight/dataartsinsight_03_0103.html)。 1. 选择需要操作的项目，单击项目名称进入项目空间。 2. 单击"数据管理 \> 数据源 \> 新建数据源"，进入新建数据源页面，接入网络类型选择"公网"（[图3]）。 3. 输入名称、域名、端口、数据库、等参数后，参数说明请参见[表3]，单击"连接测试"，成功接入数据源。 图3新建数据源 ![](https://support.huaweicloud.com/qs-dataartsinsight/zh-cn_image_0000002125356896.png) 表3参数说明 | 参数名称 | 是否必填 | 说明 | |:---|:---|:---| | 源库类型 | 是 | 接入的数据源类型，本示例为GaussDB(DWS)。 | | 接入网络类型 | 是 | 本示例以公网方式接入，用于已配置公网IP的DWS实例，不受所属账号、地区等限制。 | | 名称 | 是 | 为当前配置的数据连接进行命名，方便后续的使用、配置操作。 | | 域名 | 是 | 目标数据源绑定的公网IP/域名，获取方式为DWS实例-集群详情内连接信息板块的公网IP。 | | 端口 | 是 | 目标数据源在对应节点上的外放端口，获取方式为DWS实例-集群详情内连接信息板块的端口。 | | 数据库 | 是 | 根据业务选择目标数据源内的数据库信息。 | | SASL_SSL | - | 连接时是否开启SSL认证，需与集群配置保持一致，默认开启。 | | 用户名 | 是 | 填写用于连接认证的用户名信息。 | | 密码 | 是 | 填写用于连接认证的密码。 | #### 步骤3：新建数据集 1. 选择需要操作的项目，单击项目名称进入项目空间。 2. 单击数据源名称后的![](https://support.huaweicloud.com/qs-dataartsinsight/zh-cn_image_0000002093847253.png)，单击"上传文件"（[图4]），选择需要上传的Excel文件，根据需求修改参数后单击"确定"，重复前面步骤依次上传所有数据表。本例共计三张数据表，详细的数据表信息请参考[数据说明](https://support.huaweicloud.com/qs-dataartsinsight/dataartsinsight_02_0004.html#dataartsinsight_02_0004__section66671322173217)。 图4上传文件 ![](https://support.huaweicloud.com/qs-dataartsinsight/zh-cn_image_0000002160749861.png) ![](https://support.huaweicloud.com/qs-dataartsinsight/public_sys-resources/note_3.0-zh-cn.png) 上传文件时需要提前在"系统设置 \> OBS桶设置"中配置数据存储桶，具体请参见[OBS桶设置](https://support.huaweicloud.com/usermanual-dataartsinsight/dataartsinsight_03_009.html)。 3. 单击"数据管理 \> 数据集 \> 新建数据集"，进入数据集编辑页面。 4. 在页面左侧选择在[步骤2](https://support.huaweicloud.com/qs-dataartsinsight/dataartsinsight_02_0004.html#dataartsinsight_02_0004__zh-cn_topic_0000001554214697_section1197332313474)接入的数据源，单击"上传文件"，双击或者拖拽数据表，数据表被成功添加至操作面板。 图5选择数据表 ![](https://support.huaweicloud.com/qs-dataartsinsight/zh-cn_image_0000002099413977.png) 5. 双击数据表名称，并在操作面板中设置数据表的关联关系（[图6]）： - 设置product_info_demo_02与order_info_demo_01通过"id"字段进行关联（左外连接）。 - 设置product_info_demo_02与user_info_demo_03通过"id"字段进行关联（左外连接）。 图6多表关联建模 ![](https://support.huaweicloud.com/qs-dataartsinsight/zh-cn_image_0000002056160628.png) 6. 单击"可视化配置"，设置字段名称的含义。 图7可视化配置 ![](https://support.huaweicloud.com/qs-dataartsinsight/zh-cn_image_0000002141694101.png) 7. 单击"数据预览 \> 刷新预览"，查看数据集的基本信息。 图8数据预览 ![](https://support.huaweicloud.com/qs-dataartsinsight/zh-cn_image_0000002092159293.png) 8. 确认无误后单击"保存"，数据集创建成功。 #### 步骤4：新建大屏 本例在大屏中制作线状图、柱图和表格。 1. 单击"数据分析 \> 大屏 \> 新建大屏"，进入新建大屏页面。 图9大屏配置页面 ![](https://support.huaweicloud.com/qs-dataartsinsight/zh-cn_image_0000002062426498.png) 2. 在页面左侧选择需要的组件，拖拽进画布内，本例线状图为例。 3. 在页面右侧选择数据集，并将"类别轴/维度"和"轴值/度量"中的字段通过鼠标拖动到线状图"字段"内（[图10]）。 图10选择组件和数据 ![](https://support.huaweicloud.com/qs-dataartsinsight/zh-cn_image_0000002098540545.png) 4. 单击"更新"，组件会根据所选数据自动生成图表，线状图制作完成。 5. 同理完成柱图和表格的制作，最终效果如[图11]所示。 图11大屏效果 ![](https://support.huaweicloud.com/qs-dataartsinsight/zh-cn_image_0000002098450053.png) 6. 单击右上角右"保存"，输入大屏的名称，单击"确定"，大屏保存成功。 #### 步骤5：管理大屏 - **切换大屏发布状态** 1. 单击"数据分析 \> 大屏"，进入大屏页面。 2. 单击大屏名称，进入大屏编辑页面。 - 发布大屏：单击页面右上角"保存并发布"，大屏发布成功。 - 下线大屏：单击页面右上角![](https://support.huaweicloud.com/qs-dataartsinsight/zh-cn_image_0000002062331588.png)后，单击"下线"，大屏下线成功。 图12切换大屏发布状态 ![](https://support.huaweicloud.com/qs-dataartsinsight/zh-cn_image_0000002063308186.png) - **管理已发布大屏** 已发布大屏支持编辑、预览、查看、复制和分享协作操作。 1. 单击"数据分析 \> 大屏"，进入大屏页面。 2. 单击"编辑"，进入大屏编辑界面，"预览"、"查看"等操作同理。 图13管理已发布大屏 ![](https://support.huaweicloud.com/qs-dataartsinsight/zh-cn_image_0000002062487348.png) - **管理已下线大屏** 已下线大屏支持编辑、预览、复制、分享协作和删除操作。 1. 单击"数据分析 \> 大屏"，进入大屏页面。 2. 单击"编辑"，进入大屏编辑界面，"预览"、"复制"等操作同理。 图14管理已下线大屏 ![](https://support.huaweicloud.com/qs-dataartsinsight/zh-cn_image_0000002062488420.png)