大屏管理

大屏是数据管理DMS提供的第二个可视化应用，提供自由布局和自定义样式能力，通过可视化组件和一系列内置辅助图形来打造视觉呈现丰富的可视化大屏。
大屏的定位与仪表盘不一样，仪表盘倾向于快速打造可视化报表，而大屏通常被广泛用于静置或滚动观看和演示的场景，因此大屏的制作过程通常需要比仪表盘花更多的时间。从本文中您可以了解到如何丰富大屏的样式。

功能介绍

大屏编辑器介绍

1

序号 名称
① 工具栏
② 画布
③ 图层列表
④ 参数配置区
⑤ 缩放工具栏

工具栏

工具栏共有4组按钮：
3

序号 名称 说明
① 图表 添加图表到大屏。
② 辅助图形 可添加矩形、标签、视频、时间器四种辅助组件。
③ 操作键 用于对画布图层的功能操作，包括复制，粘贴，撤消，重做，删除。
④ 预览 打开新标签预览页，查看当前编辑大屏的实际展现效果。

添加图表

  1. 单击图表按钮，会弹出当前项目中可用的可视化组件列表.
  2. 单击选中目标组件卡片，单击下一步。

  3. 选择数据刷新模式，单击保存。

    两种数据刷新模式介绍：

    • 手动刷新：选择该模式后，在大屏中需通过单击组件右上角同步数据按钮进行数据更新。
    • 定时刷新：根据所设置的更新时长定时自动轮询更新数据，时长单位为秒（S）。

  4. 保存后，所选组件会添加到画布中。

    鼠标拖动图层即可更改图层位置，鼠标拖拽图层右下角即可更改图层大小。

添加辅助图形

4

  1. 单击辅助图形下拉列表，可以看到目前支持的4种辅助图形：
    • 矩形：支持设置背景颜色、背景图片和边框，一般用于给组件做背景修饰。
    • 标签：支持输入文字、设置字体、边距、背景颜色和边框，一般用于做文字展示。
    • 视频：支持播放在线视频。
    • 时间器：展示一个动态变化的时钟。
  2. 单击目标图形即可完成添加。

操作键

操作键 说明 Mac 快捷键
 Windows 快捷键
复制 对组件图层或辅助图形进行复制。 Cmd + C Ctrl + C
粘贴
 对组件图层或辅助图形进行粘贴。 Cmd + V Ctrl + V
撤销 在编辑画布过程中，可随时单击撤销或重做来实现编辑的回滚和恢复。 无 无
重做
删除 对组件图层或辅助图形进行删除。 Delete Backspace 或 Delete

注：

  • 复制、粘贴、删除，均支持多选图层后批量操作。
  • 按住Cmd或Alt键可进行多选图层。

预览与分享

制作完成大屏之后，可以单击预览按钮进行预览。

画布

组件图层和辅助图形添加到画布后可视为画布中的图层。

  • 可在画布中通过拖拽编辑图层位置，也可以使用键盘方向键（上下左右）对图层位置进行微调。

    为辅助图层定位，在编辑图层时，图层右侧会实时显示当前位置，以及画布会显示相应的辅助线来帮助您对齐图层。

    2.2.1.1

  • 可滑动缩放工具栏的滑块对画布进行缩放，辅助您编辑局部样式。
    2.2.1.3

  • 按住 Cmd 或 Alt 键单击图层，可实现批量选中，然后可对选中的图层进行复制、删除和对齐等操作。
    5

  • 单击画布中的空白区域，即可去掉对图层的选中状态。

  • 单击目标组件右上角的编辑按钮，进入组件编辑界面。

图层列表

您可以在图层列表编辑以下操作：

  • 选择图层：单击列表项可以让画布中的图层处于被选中状态。
  • 批量选中图层：按住 Cmd 或 Alt 键单击图层列表项可以批量选中图层。
  • 编辑图层 Z 轴位置：选择图层之后，可以单击图层列表顶部的按钮改变图层 Z 轴位置，包括上移、下移、置顶、置底。

参数配置区

  • 默认状态下，配置表单中显示为背景设置，其中包括：

    • 屏幕尺寸：您可根据实际展示大屏设备设置画布尺寸。
    • 背景颜色：您可设置大屏的背景颜色。
    • 缩放方式：
      • 等比缩放宽度：画布宽度与显示终端宽度一致，高度等比缩放。
      • 等比缩放高度：画布高度与显示终端高度一致，宽度等比缩放。
      • 全屏铺满：画布宽、高皆与显示终端一致，此时画布有可能变形。
      • 实际尺寸。

    • 背景图片：您可在此设置大屏的背景图片。

      6

  • 当图层处于选中状态时，配置表单中显示为图层配置项，其中包括：

    • 尺寸
    • 位置
    • 背景颜色
    • 边框
    • 数据刷新模式
    • 特有配置

    7

  • 当批量选中图层时，配置表单中显示为图层对齐。5

操作步骤

创建大屏

  1. 登录DMS控制台。

  2. 在顶部菜单栏，单击数据工厂 > 数据可视化进入可视化模块。

    其他访问数据可视化的方法请参见访问数据可视化入口。

  3. 在左侧导航栏，单击可视化。

  4. 在可视化管理页，单击新增大屏按钮。

  5. 在弹出的窗口中，输入名称与描述。

  6. 单击保存，即可在页面上看到刚创建的仪表盘集合卡片。

编辑大屏

  1. 登录DMS控制台。

  2. 在顶部菜单栏，单击数据工厂 > 数据可视化进入可视化模块。

    其他访问数据可视化的方法请参见访问数据可视化入口。

  3. 在左侧导航栏，单击可视化。

  4. 在可视化管理页，单击目标大屏卡片，即可进入大屏编辑界面。

    或单击目标大屏卡片右上角的编辑按钮。

  5. 大屏的配置介绍可参见功能介绍。

删除大屏

  1. 登录DMS控制台。

  2. 在顶部菜单栏，单击数据工厂 > 数据可视化进入可视化模块。

    其他访问数据可视化的方法请参见访问数据可视化入口。

  3. 在左侧导航栏，单击可视化。

  4. 在可视化管理页，单击目标大屏卡片右上角的删除按钮。
  5. 在弹出的窗口中，单击确定，即可完成删除操作。
阿里云首页 数据管理 DMS 相关技术圈