跳至主要內容

数据大屏设计


本界面主要分为四个区域:操作栏、组件栏、数据大屏预览区、样式栏

一、操作栏

(一)缩放自适应

1.功能介绍

支持对数据大屏进行缩放操作,可以根据实际需求,调整数据大屏的显示比例,以便更好地查看和分析数据细节

2.操作方法

点击缩放按钮或「全屏」,即可对数据大屏进行缩放操作

(二)保存

1.功能介绍

支持对数据大屏设计进行存档保存。即使数据大屏设计尚未完整,也可选择保存当前设计进度。下次进入数据大屏设计页面时,系统将自动加载并显示之前保存的设计页面,方便继续完善数据大屏。

注意

当数据大屏的标题组件中包含有效内容时,方可进行保存操作。

2.操作方法

点击「保存」,即可将当前设计进度存档保存。

二、组件栏

(一)组件

1.功能介绍

组件中包含图表与其他组件两个部分:

  • 图表:即在「数据可视化」中支持引用的所有图表

提示

在大屏中添加图表可与已经设置好的边框合为一体。

  • 其他组件:即系统提供的通用组件

    • 文本:可展示自定义文本信息
    • 通用标题:作为数据大屏的显示标题,必须至少包含一个

    注意

    在数据大屏中添加的通用标题即使存在多个,也必须全部包含有效内容

    • 倒计时:提供倒计时功能,可设置特定时间进行倒计时展示。
    • 时间器:实时显示当前时间,方便掌握时间信息。
    • 图片:支持插入图片元素,丰富大屏的视觉展示效果。
    • 轮播图:可设置多张图片进行轮播展示,增加动态视觉效果。
    • 视频:支持嵌入视频内容,让大屏展示更加生动。
    • 样式:提供多种样式选择,以满足不同展示需求。

2.操作方法

点击或拖拽组件,即可成功添加

(二)数据大屏大纲

1.功能介绍

支持查看大纲,利用列表直观展示数据大屏已有组件。在大纲中可删除某一组件,或查看组件样式

2.操作方法

  • 点击「展开」图标,即可展示大纲
  • 选中某一组件,即可在样式栏中显示该组件的样式
  • 选中某一组件后点击「删除」图标,即可删除该组件
  • 点击「全部删除」图标,数据大屏中组件将全部删除

三、数据大屏预览区

1.功能介绍

当组件被添加到数据大屏中后,可以在大屏环境中灵活地对其进行编辑和删除操作。不仅可以调整组件的位置和大小,以适应整体布局需求,而且当组件为图表时,还提供了便捷的快捷入口,可通过该入口快速跳转至图表设计界面,对图表内容进行进一步的修改和完善。

2.操作方法

  • 拖拽大屏中组件,可改变其位置
  • 选中某一组件,鼠标移至组件右下角,可改变其大小
  • 选中某一组件,点击「删除」图标,可删除该组件
  • 选中某一图表组件,点击「编辑」图标,可跳转至图表设计界面。

四、样式栏

1.功能介绍

支持为组件配置样式,包括数据大屏、图表与其他组件。

  • 数据大屏:设置数据大屏时可以设置屏幕的宽高、背景颜色、背景图片、主题
    • 宽高:根据数据大屏需要投放的屏幕大小进行设置
    • 背景颜色:当数据大屏无图片背景时可以调整背景颜色
    • 背景图片:支持为数据大屏上传一张图片作为背景
    • 主题模版:可以任意选择其中一个模版,但请务必先选定模版后再进行设计工作

注意

务必先选定模版后再进行设计工作。因为如果在设计完成后再修改模版,将会清空已经选择的所有组件,以避免不必要的损失和重复工作。

  • 图表:设置图表的显示内容、边框信息、动画效果、刷新频率

    • 图表显示内容:展示标题、副标题、描述、标签、图例,一屏展示条数

    注意

    原图表有的内容在设置展示后展示在数据大屏,原图表没有的内容设置展示后不生效;

    • 边框信息:包括边框样式、背景颜色、边框线条颜色、展示边框标题、边框标题内容、边框标题颜色、边框标题字体大小
    • 动画效果:支持设置自动轮播,可以为轮播设置结束后停顿时长、速度、切换形式
    • 刷新频率:支持为开启自动刷新获取数据的频率、可设置刷新频率
  • 文本:可以设置内容、对齐方式、字体大小、字体加粗、字体颜色、背景颜色、边框样式、是否文字滚动、结束后停顿、速度

注意

当文字滚动开启时,文字会按照一行展示,通过设置结束后停顿和速度来控制文字滚动的效果

  • 通用标题:设置内容与标题样式。若选择自定义样式,需要设置标题的字体大小、对齐方式、字体颜色、字体背景颜色等内容

注意

默认根据主题展示标题的样式,可选择自定义。

  • 倒计时:需选定未来时间,可设置字体大小、颜色、背景颜色、边框样式
  • 时间器:可设置排列方式、字体大小、颜色、背景颜色、边框样式
  • 图片:需上传图片,可为图片设置链接,点击即可跳转
  • 轮播图:需按照设置的图片数量上传图片,每张图都可设置对应的链接,可设置轮播效果

注意

若选择非自动轮播模式,则需手动进行切换操作;若设置为自动轮播模式,则需指定轮播的速度及效果,以确保展示流畅且符合预期。

  • 视频:需上传视频,可为视频设置链接与播放效果
  • 样式:包括边框一、二、三,以及线条、圆形、矩形的设置,可用于不使用主题模版时自定义数据大屏。可为样式中组件设置边框样式、颜色等

2.操作方法

选中某一组件,依据组件类型在样式栏中设置对应样式。