数据大屏基础功能
1 编辑数据大屏¶
点击下图所示的位置或者新建数据大屏,进入数据大屏编辑界面。
功能区划分如下:
- 【序号 1】撤销、恢复操作;
- 【序号 2】组件区,包括图表、文本、媒体、素材等;;
- 【序号 3】外部传参设置、预览、保存;
- 【序号 4】图层管理,查看画布中的所有组件,并进行图层的管理;
- 【序号 5】画布区域,可将组件添加至该区域、并调整组件的位置;
- 【序号 6】属性配置,调整尺寸、背景等配置;
- 【序号 7】比例的调整,来控制和调整画布的缩放比例;
2 撤销¶
点击下图按钮,撤销上一步操作。
3 恢复¶
点击下图按钮,可以对组件操作恢复。
4 图层管理¶
根据组件添加至画布区域的顺序,图层自下而上,即最先加入画布区域的组件,位于最底层。
图层管理分为弹窗区域、大屏区域。用户在图层管理或者点击图层右键,来调整组件的图层。
4.1 弹窗设置¶
打开弹窗区域,可在弹窗区域中添加查询组件。
在全屏或预览的界面下,当设置了弹窗区时,数据大屏右下侧会出现查询按钮,点击可唤出弹窗区。弹窗区的查询组件功能同普通查询组件,同时也支持外部传参。
弹窗区查询按钮支持显示控制打开预览时弹窗区域的控制按钮,则支持用户预览数据大屏时动态调整弹窗区域的显隐。
关闭预览时弹窗区域的控制按钮,则弹窗区域被完全隐藏,且用户无法在预览界面手动调出弹窗区域。
4.2 图层隐藏¶
图层隐藏功能,可以迅速隐藏不需要显示的图层,以便更清晰地查看和编辑目标图层。
4.3 图层锁定¶
通过图层锁定功能,可以确保在设计过程中不会误操作或修改已经设置好的图层。
4.4 图层组合¶
在处理复杂项目时,将相关联的图层组合在一起,有助于保持结构的清晰性,同时方便整体编辑。
图层组合操作:
- 在图层管理中,选中图层后进行组合;
- 在画布区域选择图层后,右键选择组合。
组件组合后,在图层管理中可以按照分组查看组件列表。
多个组件创建分组后,可以作为分组整体移动,如果需要单独调整分组内组件的位置,可以通过双击该组件,然后移动该组件的所在位置。
放大缩小组合时其内部组件同比放大缩小。
画布放大缩小其图表支持同比放大缩小。
4.5 图层顺序¶
图层顺序:可以直接在图层管理中直接拖拽图层顺序。或者在图层操作通过点击【上移一层】、【下移一层】、【置于顶层】、【置于底层】这些操作,来调整组件。
4.6 快速对齐¶
选择多个组件后,可以快速对齐,支持左对齐、右对齐、上对齐、下对齐、水平居中、垂直居中。
4.7 其他操作¶
涵盖了图层重命名、复制、删除、剪贴等各种图层操作。
5 批量操作¶
可通过鼠标框选或按住 Ctrl 点选的方式完成多选,可批量支持选择多个组件后批量移动。
选中后可整体调整组件大小。
数据大屏支持批量设置样式
6 大屏配置¶
配置大屏尺寸、背景、配色、表格配色和刷新配置。
6.1 尺寸¶
根据展示情况设置数据大屏的尺寸大小,设置对应的长度和宽度,便于适用于不同的展示常见。
根据画布进行展示,超出画布的组件、图表范围将不展示。如下图展示效果。
数据大屏支持缩放方式设置缩放方式:宽度优先、高度优先、铺满全屏。
宽度优先:以画布宽度完整显示为前提,等比缩放高度显示。
高度优先:以画布高度完整显示为前提,等比缩放宽度显示。
铺满全屏:按屏幕尺寸缩放画布,会出现组件比例变形的情况。
6.2 背景¶
设置大屏的背景时,可以选择设置颜色背景或图片背景
颜色背景:根据主题和展示需求选择适当的颜色。
图片背景:选择使用图片背景,确保选择高质量、高分辨率的图片。 注意:同时进行颜色背景和图片背景。图片背景会覆盖颜色背景。
6.3 配色¶
- 对图表(除表格)的配色方案进行统一调整,同时支持渐变和透明的图表(根据具体图表颜色设置)。
- 对表格进行背景、字体、边框、滚动条的颜色进行统一设置。
6.4 刷新配置¶
对数据大屏所有图表的刷新频率、以及图表的展示结果进行统一设置。
7 外部参数设置¶
点击下图按钮,弹出外部参数设置页面,外部参数设置步骤:
增加一个参数并命名,启用参数,可设置多个参数;配置联动视图与联动视图的字段;
对关联组件做了分类,分为查询组件和图表两类。查询组件的关联需要选择关联条件。图表关联则可以通过数据集批量关联,减少重复操作。且图表的关联支持直接选择与数据集参数进行关联。
注意:外部传参同时关联查询组件与图表时,以查询组件的优先级优先。
推荐直接在公共链接的 Ticket 机制中进行设置。相较于外部参数进行 base64 编码处理后拼接,公共链接外部参数可以直接在 Ticket 参数中简易设置。
注意:使用 Ticket 设置和 base64 加密组装均需要开启外部参数,进行参数设置。
公共链接参数组装对传参进行 base64 处理,以下为示例:配置参数名为"省份",关联了仪表板中【省份】文本下拉过滤组件(也可关联对应的图表字段),组装参数为 {"省份":"北京市"},使用 base64 加密处理,该示例通过电脑终端进行,其它方式均可。
echo '{"省份":"北京市"}'|base64
< 仪表板公共链接 > + < ?attachParams= > + < 加密后的结果 >
构建完整的 URL 为:<仪表板公共链接>?attachParams=eyLnnIHku70iOiLljJfkuqzluIIifQo= 以公共链接的形式访问仪表板,关联的内容被过滤。
公共链接外部参数支持一参多传、多参数传参,可通过数组形式传入多值,对组件进行多选,如下示例,对参数进行处理。
提示: 传参处理时,若拼接后的 URL 带特殊符号,需做转换处理,示例如:+ 用 %2B 替代。
echo '{"省份":["山东省","四川省","广东省","河南省"]}'|base64
echo '{"省份":"广东省","年份":"2023"}'|base64
存在这类字符时,会提示”外部参数解析错误未生效,请按规定编码方式传参“。
8 复用¶
支持复用所有的组件,复用图表支持适配当前数据大屏板样式。
9 保存¶
点击下图所示的保存按钮,保存数据大屏。
10 返回¶
点击下图所示的返回按钮,关闭数据大屏。
11 快捷键使用¶
数据大屏支持快捷键复制、粘贴、剪切、撤销等。