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

大屏编辑器介绍

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

工具栏

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

添加图表

  1. 单击图表按钮,弹出当前项目中可用的图表列表。
  2. 单击选中目标图表卡片,单击下一步
  3. 选择数据刷新模式
    • 手动刷新:通过单击组件右上角更新按钮更新数据。
    • 定时刷新:根据所设置的间隔时间定时自动轮询更新数据,间隔时间单位为秒(s)。
  4. 单击保存,将选中的图表组件添加到画布中。
    • 鼠标拖动图表可更改图表位置。
    • 鼠标拖拽图表右下角可更改图表大小。
    说明 添加到画布上的一个图表组件,在画布上视为一个图层。

添加辅助图形

  1. 单击辅助图形下拉列表,目前支持4种辅助图形:
    • 矩形:支持设置背景颜色、背景图片和边框,一般用于给组件做背景修饰。
    • 标签:支持输入文字、设置字体、边距、背景颜色和边框,一般用于做文字展示。
    • 视频:支持播放在线视频。
    • 时间器:展示一个动态变化的时钟。
  2. 单击目标图形将其添加至画布。
    说明 添加到画布上的一个辅助图形,在画布上视为一个图层。

操作键

操作键 说明 Windows快捷键 macOS快捷键
复制 对图表组件或辅助图形进行复制。 Ctrl + C Cmd + C
粘贴 对图表组件或辅助图形进行粘贴。 Ctrl + V Cmd + V
撤销 在编辑画布过程中,可随时单击撤销或重做来实现编辑的回滚和恢复。
重做
删除 对图表组件或辅助图形进行删除。 BackspaceDelete Delete
说明
  • 按住AltCmd键可以同时选择多个图层。
  • 复制粘贴删除,支持多选图层后批量操作。

预览

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

画布

一个图表组件或辅助图形添加到画布后,在画布上视为一个图层

  • 在画布中通过拖动调整图层位置;使用键盘方向键可以对图层位置进行微调。

    说明 在调整图层位置时,图层右侧会实时显示当前位置坐标,画布会显示相应的辅助线来帮助您调整。
  • 滑动缩放工具栏的滑块对画布进行缩放,辅助您编辑局部样式。
  • 按住AltCmd键单击图层,可进行多选,对选中的图层进行批量复制、删除和对齐等操作。
  • 单击画布中的空白区域,可去掉对图层的选中状态。

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

    编辑

图层列表

您可以在图层列表编辑以下操作:
  • 选择图层:单击图层列表前的选择按钮,选中目标图层。
  • 批量选中图层:按住AltCmd键,单击图层列表项可以批量选中图层。
  • 编辑图层Z轴位置:选择图层之后,可以单击图层列表顶部的移动按钮改变图层Z轴位置,包括上移下移置顶置底

参数配置区

  • 默认状态下,配置表单中显示为背景设置,其中包括:
    • 屏幕尺寸:您可根据实际展示大屏设备设置画布尺寸。
    • 背景颜色:您可设置大屏的背景颜色。
    • 缩放方式:
      • 等比缩放宽度:画布宽度与显示终端宽度一致,高度等比缩放。
      • 等比缩放高度:画布高度与显示终端高度一致,宽度等比缩放。
      • 全屏铺满:画布宽、高皆与显示终端一致,此时画布有可能变形。
      • 实际尺寸。
    • 背景图片:您可在此设置大屏的背景图片。

  • 当图层处于选中状态时,配置表单中显示为图层配置项,其中包括:
    • 尺寸
    • 位置
    • 背景颜色
    • 边框
    • 数据刷新模式
    • 特有配置
  • 当批量选中图层时,配置表单中显示为图层对齐

创建大屏

  1. 登录数据管理DMS 5.0
  2. 在控制台首页顶部菜单栏中,选择集成与开发(DTS) > 数据应用 > 数据可视化(老)
  3. 在左侧图标中选择并单击数据展示
  4. 资源管理页的大屏区域,单击新增大屏
  5. 在弹出的窗口中,输入名称描述
  6. 单击保存,即可在页面上看到刚创建的大屏卡片。

编辑大屏

  1. 登录数据管理DMS 5.0
  2. 在控制台首页顶部菜单栏中,选择集成与开发(DTS) > 数据应用 > 数据可视化(老)
  3. 在左侧图标中选择并单击数据展示
  4. 资源管理页,单击目标大屏卡片,即可进入大屏编辑界面。详情请参见大屏编辑器介绍
    说明 单击目标大屏卡片的编辑编辑按钮,也可进入到大屏编辑界面。

删除大屏

  1. 登录数据管理DMS 5.0
  2. 在控制台首页顶部菜单栏中,选择集成与开发(DTS) > 数据应用 > 数据可视化(老)
  3. 在左侧图标中选择并单击数据展示
  4. 资源管理页,单击目标大屏卡片的删除删除按钮。
  5. 在弹出的窗口中,单击确定,即可完成删除操作。