2.9 创建数据大屏

点击“+新建”按钮 – “新建大屏”，在模板选择中点击“空白模板”。输入“市场分析”，然后点击下一步。

2.10 设置大屏样式

进入大屏编辑页面后，可以通过右边的页面设置栏进行背景设置。

点击“媒体”组件分类，点击“单张图片”组件，右键组件，点击“重命名”，输入“标题banner”。

选中这个“标题banner”图片组件，右边是它的设置栏，点开“基础属性”，可以设置长宽、位置等属性，我们设置如下。点开基本设置，可以设置图片链接，我们复制以下链接进去，覆盖原链接。设置好后点击“保存”。

同样的，点击“单张图片”组件，重命名为“市场分析按钮背景”。

设置长宽、位置等属性。点开基本设置，可以设置图片链接，我们复制以下链接进去，覆盖原链接。设置好后点击“保存”。

点击“通用标题”组件，重命名为“市场分析”。

修改“市场分析”通用标题组件的基础属性，和“市场分析按钮背景”图片组件一样。点开基本设置，修改标题名为“市场分析”。点击“数据”，点击“刷新数据”。

第二个导航可以复制这个按钮的设置。

复制的图片组件重命名为“用户画像按钮背景”，通用标题组件重命名为“用户画像”。

修改“用户画像按钮背景”和“用户画像”组件的横坐标，将用户画像标题组件的内容改为“用户画像”，颜色和粗细也做相应修改。

保存预览一下

2.11 设置内容布局与样式

2.11.1 用户规模-浏览器用户数

点击单张图片组件，重命名为“区域背景”，配置基础属性和基本设置。

再添加一个单张图片组件，重命名为“标题背景”，配置基础属性和基本设置。

添加通用标题组件，重命名为“标题”。标题名修改为“浏览器用户数”，配置基础属性、基本设置和文本样式。

点击“基础柱状图”组件，重命名为“浏览器用户数柱状图”，调整大小和位置。图表的图例默认隐藏，我们将其设置为可见，并调整水平对齐方式为居中。“全局样式”来调整柱子上边距。

保存预览一下

2.11.2 使用规模-浏览器使用时长占比

复制上一小节制作的“浏览器用户数”组，重命名为“浏览器使用时长”，将标题名修改为“浏览器使用时长”。

删除复制的柱状图，重新添加饼图。选择“多维度饼图”，调整位置大小，并重命名为“浏览器使用时长占比”。

2.11.3 使用粘性-浏览器人均使用时长

复制“浏览器用户数”组，重命名为“浏览器人均使用时长”，将标题名修改为“浏览器人均使用时长”。

调整柱状图位置大小，并重命名为“人均使用时长柱状图”。

2.11.4 指标区

复制“浏览器用户数”组，重命名为“数据概览”。调整组件的大小和位置，将标题背景图换成长的标题背景图。删除复制的柱状图，将标题名修改为“数据概览”。

添加“单张图片”组件，重命名为“图标”，并调整大小、位置。添加数据翻牌器组件，重命名为“总使用时长”，并调整大小、位置和样式。

复制3个“总使用时长”组，分别重命名为“人均使用时长”、“活跃用户占比”、“重度用户占比”，其中更改“活跃用户占比”、“重度用户占比”两个组中的图标背景图。

2.11.5时段偏好-周内对比

复制“浏览器用户数”组，重命名为“周内对比”，拖拽到合适位置。

添加“分组柱状图”，命名为“工作日vs周末使用时长分组柱状图”，并调整大小，位置和样式。

2.11.6 时段偏好-24小时活跃分布

复制“周内对比”组，重命名为“24小时活跃分布”，拖拽到合适位置。

将标题名修改为“24小时活跃用户数分布”。删除复制的分组柱状图，添加区域图，并调整好大小、位置和样式。

2.11.7 周活跃趋势-浏览器周活跃用户数变化

复制“浏览器用户数”组，重命名为“浏览器周活跃用户数变化”，参考以上的实验，调整位置、标题并更换图表类型，实现如下效果。

2.11.8 使用习惯-使用频率分布

复制“浏览器周活跃用户数变化”组，重命名为“使用频率分布”，参考以上的实验，调整位置、标题并更换图表类型为“垂直基本柱图”。

2.11.9 竞争关系-浏览器使用数量分布

复制“使用频率分布”组，重命名为“浏览器使用数量分布”，参考以上的实验，调整位置、标题共并换图表类型为“基本饼图”。

2.12 创建数据库数据源

点击“我的数据”，点击“+新建” – “新建数据源”，输入团队私有数据库的信息后，点击“立即添加”。

2.13 组件导出到蓝图编辑器

右键单击左侧图层栏或中间画布区的组件，选择导出到蓝图编辑器，即可将对应组件导出到蓝图编辑器中.

依次把所有需要接入数据的组件导出到蓝图编辑器中。

2.14 添加全局节点

双击全局节点，画布中自动添加1个全局节点。

2.15 为市场格局3个图表配置数据

从逻辑节点面板中，点击“SQL请求”节点，并将全局节点的“页面初始化完成”输出接口连接到“SQL 请求”节点的“执行SQL”输入接口。

在配置面板中，数据源选择“团队私有数据库”，SQL类型为“查询”，处理方法的代码框中，输入以下SQL。

添加并行数据处理组件，并在其处理方法中再增加2个处理方法，一共3个处理方法，分别命名为：各浏览器用户数、各浏览器总使用时长、各浏览器人均使用时长。

SQL请求节点的执行成功输出接口分别连接到并行数据处理的3个处理方法接口。

分别输入并行数据处理的3个处理方法的代码。

点击浏览器用户数柱状图、浏览器使用时长占比、人均使用时长柱状图这3个节点，将它们添加到画布中，再将并行数据处理的3个处理方法的输出接口连接到对应的图表的“导入数据接口”。

2.16 为指标区域图表配置数据

从逻辑节点面板中，点击“SQL请求”节点，并将全局节点的“页面初始化完成”输出接口连接到“SQL 请求”节点的“执行SQL”输入接口。

在配置面板中，数据源选择“团队私有数据库”，SQL类型为“查询”，处理方法的代码框中，输入以下SQL。

SQL请求节点的执行成功输出接口分别连接到并行数据处理的4个处理方法接口。

分别输入并行数据处理的4个处理方法的代码。

点击4个数字翻牌器组件的节点，将它们添加到画布中，再将并行数据处理的4个处理方法的输出接口连接到对应的图表的“导入数据接口”。

2.17 为工作日vs周末使用时长图表配置数据

参考以上SQL请求节点的配置步骤，完成SQL请求节点配置。

点击工作日vs周末使用时长节点，将它添加到画布中，再SQL请求节点的执行成功输出接口连接到“导入数据接口”。

2.18 为24小时活跃用户分布图表配置数据

参考以上SQL请求节点的配置步骤，完成SQL请求节点配置。

点击24小时活跃用户分布节点，将它添加到画布中，再SQL请求节点的执行成功输出接口连接到“导入数据接口”。

2.19 为活跃用户周变化图表配置数据

参考以上SQL请求节点的配置步骤，完成SQL请求节点配置。

点击活跃用户周变化节点，将它添加到画布中，再SQL请求节点的执行成功输出接口连接到“导入数据接口”。

2.20 为活跃用户周变化图表配置数据

参考以上SQL请求节点的配置步骤，完成SQL请求节点配置。

点击使用频率分布节点，将它添加到画布中，再SQL请求节点的执行成功输出接口连接到“导入数据接口”。

2.21 为为浏览器使用数量分布图表配置数据

参考以上SQL请求节点的配置步骤，完成SQL请求节点配置。

点击浏览器使用数量分布节点，将它添加到画布中，再SQL请求节点的执行成功输出接口连接到“导入数据接口”。

2.22 预览并发布

单击大屏页面右上角的预览图标，预览可视化应用。预览确认无误后，单击大屏页面右上角的发布图标。

在弹出的发布对话框中单击发布分享，单击分享链接右侧的复制按钮，打开浏览器，将复制的链接粘贴到地址栏中，即可在线观看。

一、实验结果

最终大屏静态布局

二、问题与解决

问题：预览大屏报错

原因：在大屏数据接入的过程中，添加SQL请求节点后配置sql查询语句时，直接复制了实验手册中的代码，数据库名称与团队私有数据库不匹配，导致sql语句执行错误。

解决方法：将数据库名称改为团队私有数据库对应的名称后，sql可正确执行，大屏预览也能正常进行。

三、实验总结

本次实验依托助睿数智平台，完成了浏览器市场分析数据大屏从数据处理、页面设计到数据动态接入的全流程操作。实验先通过ETL工具完成原始明细数据清洗、字段映射与聚合计算，依次构建周活跃趋势、使用频率、工作日周末对比、用户画像等多维度业务数据表，夯实数据基础。随后在助睿Max中完成大屏整体布局、样式美化与各类图表组件选型，搭建出静态可视化页面。最后借助蓝图编辑器配置数据源、编写SQL语句，完成所有图表与动态数据的绑定，实现大屏交互展示并完成发布。 

实验过程中，我掌握了数据清洗、多维度指标聚合、SQL查询、可视化大屏搭建等实操技能，理解了数据源、触发器等平台核心概念。同时也发现数据库名称不匹配会导致大屏报错等问题，并及时完成修正。本次实验提升了我数据分析、可视化落地与问题排查能力，也让我完整熟悉了数据大屏项目的标准实施流程。