You need to enable JavaScript to run this app.
导航
数字大屏轮播器
最近更新时间:2024.06.03 17:06:01首次发布时间:2023.11.08 15:34:02

1. 概述

数据大屏支持用户添加默认组件、图表组件、场景组件,以及内容组件。数据大屏支持用户添加默认组件和内容组件。默认组件和内容组件是丰富大屏的纯展现类元素,其中默认组件包含文本、矩形、图表、日期、实践、重复器、轮播器、标签页等基本组件;内容组件包含标题框、背景框等装饰性元素。本文为您介绍的“轮播器”是能够实现循环播放效果的一种默认组件。
图片

2. 快速入门

2.1 功能入口

“轮播器”组件位于数字大屏左侧栏组件面板中,属于默认分类。
图片

2.2 使用流程

(1)进入到数字大屏编辑区后,从数字大屏左侧栏组件面板找到默认组件轮播器。
图片
(2)双击或长按拖拽轮播器到画布,可添加轮播器组件到画布中;可以在画布中拖拽移动组件位置。
图片
(3)双击轮播器组件进入一个新面板,在新面板中可以点击轮播器后的下拉列表切换不同 Panel,在不同 Panel 中可以设置不同组件内容。
图片
如下图所示,预览时候有重复播放效果。
图片
(4)可以对轮播器设置样式属性。
图片

3. 功能详解

3.1 样式配置面板

3.1.1 轮播设置

  • 轮播方式是指轮播器每页切换时的过渡动画,我们提供了三种可供选择的动画效果,包括向左移动、透明度变化以及三维切换。
  • 轮播时长可以实现设置轮播器每页切换的间隔时长,即每隔几秒,切换到轮播器的下一页。

图片

3.1.2 指示点

可以设置是否有指示点,从而帮助用户去做不同页面之间的切换。

  • 可以设置指示点的尺寸、间距。
  • 可以设置当前节点与其他节点的填充颜色、描边尺寸以及描边大小。

图片

3.2 数据可视化配置面板

双击轮播器组件后进入新面板,在新面板中可以点击下拉列表切换不同 Panel,在其中可以添加图表等组件,为这些组件进行数据可视化配置,具体配置操作可以查看数据图表组件的对应文档。以下以并列柱状图为例,用户就可以查看并列柱状图说明文档进行进一步的配置。
图片

3.3 交互配置面板

在交互面板可以配置交互行为,交互行为采用的是触发事件并执行相应动作的模式。以下给出了交互配置面板中一些常用名词的解释,更多详细的配置交互行为操作介绍,可以点击 跳转到交互配置面板对应的说明文档。
图片

  • 交互:由事件+条件+响应,或者事件+响应组成。表示当发生某个事件,在满足某些条件时,触发某种响应执行相应动作的一整套流程。
  • 触发事件:如单击、双击等。

事件

说明

单击

当单击轮播器整体时抛出的事件。

双击

当双击轮播器整体时抛出的事件。

加载完成

轮播器整体加载完成时抛出的事件。

每页轮播完成时

变更轮播状态每页轮播完成时抛出的事件。(自V2.58.0开始支持)

  • 条件: 事件发生时,执行响应动作需满足的条件。
  • 响应: 具体执行的动作,比如打开某个链接、隐藏某个组件等。