1. 概述

轮播图,是由网页banner进化而来,通常放在屏幕最显眼的位置,以大图显示。 简而言之,轮播图就是可以滚动播放的图表和图片。

1.1 应用场景

轮播图是一种组合图表,可组合展示同一维度下的数据信息。其效果如图:

2024-05-11_02

1.2 基本要求

轮播图的基本要求:

图表效果 维度
轮播图


2. 示例

2.1 新建看板

在星河可视化共创分析平台的工作中新建一个大屏看板。

2024-05-11_02

2.3 新建轮播图

在设计栏中找到轮播图,并拖入到设计看板中。

2024-06-06_04

2.4 添加图表

新建轮播图后,需要在轮播图中添加我们所需要轮播的图表。双击轮播图即可进入到轮播图编辑页面,在左侧图表栏中找到想要添加的图表,拖入到轮播图图表添加栏中。具体操作如图所示:

2024-05-11_04

2.5 配置相关字段

2.5.1 配置图表字段

双击轮播图进入到轮播图以后,点击状态可以往轮播图里面增加轮播的页面,双击状态下面的状态1名称可以修改状态页面的名称。

2024-06-06_05

点击“《》”支持往页面里面插入相关图表

2024-06-06_06


3. 美化图表

3.1 调整轮播图属性

调整轮播图属性,如轮播属性、轮播指示器、标题、导航箭头等属性。

2024-06-06_07

轮播属性:设置每一页切换的时长、是否循环播放、轮播方向为横向、纵向轮播。

轮播指示器:设置轮播指示器是否显示为圆形、长条形;轮播指示器的位置位于底部、顶部;轮播指示器的大小;轮播指示器选中颜色、未选中的颜色等。

标题:设置是否开启标题,开启标题后可以设置标题的行高、标题文字的样式、字体、字号、加粗、倾斜、下划线、对齐方式;标题的位置。标题将会展示配置页里面的状态的名称。

导航箭头:设置是否开启导航箭头,导航箭头的大小、颜色等属性。

轮播图属性配置完成后,我们的轮播图就完成了轮播图的配置。

results matching ""

    No results matching ""