表格轮播
本章节主要介绍表格轮播各配置项的含义。
字段
- 在“数据”标签页选择数据集,并将所需的“维度”、“度量”双击或拖拽至“字段”标签页。
- 设置过滤
- 在数据列内的维度和度量列表内找到需要的数据字段。
- 单击过滤内的需要设置过滤字段上的,进入设置过滤器页面。
- 过滤参数设置完成后,单击“确认”完成过滤参数设置。
表1 过滤器参数 字段类型
参数
参数说明
string
按条件过滤
过滤方式:支持按条件过滤和按枚举过滤方式。
条件形式:支持设置且条件和或条件。
过滤条件:支持精确匹配、包含、开头是、结尾是、不匹配、不包含、为空、不为空等设置。
按枚举过滤
查询形式:支持单选和多选。
过滤条件:支持>、≥、<、≤、=、≠、为空、不为空等设置。
度量
条件形式
支持设置且条件和或条件。
过滤条件
支持>、≥、<、≤、=、≠、为空、不为空等设置,支持选择聚合前数据和聚合后数据。
说明:选择“聚合前”,将对聚合前的数据进行过滤,选择“聚合后”,将对聚合后的数据进行过滤,聚合相关概念请参见创建数据集。
单击“新建筛选条件”可以设置多个过滤条件。
date
按区间值过滤
设置时间区间进行过滤。
按单值过滤
设置单个时间进行过滤。
按条件过滤
支持设置且条件和或条件,支持>、≥、<、≤、=等设置。
单击“新建筛选条件”可以设置多个过滤条件。
- 设置排序
- 在数据表的维度和度量内找到需要的数据字段拖拽至排序内。
- 单击排序内字段的,选择排序方式。支持以下排序方式:升序、降序、自定义。
- 如果想取消排序,单击排序内字段的即可。
- 查询返回数限制
- 设置自动刷新
样式
- 尺寸位置
- W:设置图表的宽,单位为px。
- H:设置图表的高,单位px。
- X:设置图表在画布中的位置。单位为px。
- Y:设置图表在画布中的位置。单位为px。
- 不透明度:设置图表在画布上的透明度,可通过滑动条进行设置,也可手动输入百分比,比例越大透明程度越低。
图1 尺寸位置
- 全局样式
- 表格行数:输入数值设置表格的显示行数。
- 轮播:勾选时,会进行表格轮播。未勾选时,表格的内容不会进行轮播,当表格数据超过“表格行数”所指定的显示行数时,表格会显示滚动条,您可以通过滚动滚轮查看表格数据。
- 动画类型:单击下拉选项设置动画类型,可设置为翻转、跑马灯、跳动。
- 时间间隔:输入数值或单击设置表格轮播的时间间隔。
- 边框线:设置边框线的粗细和颜色。
- 表头
- 显示/隐藏表头:单击“表头”右侧的勾选框,表示显示表头,表示隐藏表头。
- 表头行高:输入数值,设置表头行高。
- 背景色:单击颜色编辑器设置表头的背景色。
- 对齐方式:单击下拉选项设置表头文本的对齐方式,可选择为水平居中、左侧、右侧。
- 文本设置:
- 字体:单击下拉选项设置表头文本的字体类型。
- 字体颜色:单击下拉选项设置表头文本的字体颜色。
- 字号:单击下拉选项设置表头文本的字号大小。
- 字体粗细:单击下拉选项设置表头文本的字体粗细样式。
- 行配置
- 行高:设置行高,输入值不能小于45。
- 奇行背景色:单击颜色编辑器设置奇行表格的背景色。
- 偶行背景色:单击颜色编辑器设置偶行表格的背景色。
- 文本:设置行的字体、字体颜色、字号、字体粗细。
- 行分割线
- 样式:设置行分割线样式,支持实线、虚线、点划线的设置。
- 粗细:设置行分割线的粗细。
- 行颜色:设置行分割线的颜色。
- 序列号
- 显示/隐藏序列号:单击“序列号”右侧的勾选框,表示显示序列号,表示隐藏序列号。
- 背景色:单击颜色编辑器设置背景色。
- 圆角:输入数值或单击设置圆角度。
- 列宽占比(%):输入数值设置序列号这一列的宽度。
- 半径:输入数值设置半径大小。
- 字体颜色:单击下拉选项设置序列号这一列中文本的字体颜色。
- 字号:单击下拉选项设置序列号这一列中文本的字号大小。
- 字体粗细:单击下拉选项设置序列号这一列中文本的字体粗细样式。
交互
本节介绍表格轮播的交互各项配置的含义。
- 单击“交互”进入交互页面。
- 单击“编辑交互事件”,进入交互编辑页面。
图2 交互编辑页面
- 选择事件,支持设置为点击。
- 添加动作,动作支持隐藏和显示(根据选择的组件显示不同的动作值)。
- 单击“确定”,完成交互事件的设置。
- 数据过滤动作操作符分为string字符串类型、number数值类型、date日期类型。
- string字符串类型支持的字符有精确匹配、不等于、包含、不包含、开头是、结尾是、为空、不为空。
- number数值类型支持的字符有=、≠、>、≥、<、≤为空、不为空。
- date日期类型支持的字符串有=、>、≥、<、≤。
- 交互支持绑定数据集的SQL占位符。
- 前提:在关联的数据集中编辑SQL,加入动态参数,将参数设置成全局生效。
- 进入组件编辑页面,单击“交互”进行交互设置。
- 数据过滤动作操作符分为string字符串类型、number数值类型、date日期类型。