更新时间:2026-09-28 GMT+08:00
分享

表格轮播

通过表格轮播的形式展示数据。本章节主要介绍表格轮播各配置项的含义。

操作步骤

  1. 在大屏页面左侧的组件区域单击,切换至文本组件页。
  2. 单击或拖动“表格轮播”组件至画布区域。
  3. 在页面右侧的数据页签选择需要分析的数据集。
  4. 设置字段、样式、交互相关参数。
    图1 表格轮播效果图

字段

  1. 在“数据”标签页选择数据集,并将所需的“维度”、“度量”双击或拖拽至“字段”标签页。
  2. 设置过滤
    1. 在数据列内的维度和度量列表内找到需要的数据字段。
    2. 单击过滤器内的需要设置过滤字段上的,进入设置过滤器页面。
    3. 过滤参数设置完成后,单击“确认”完成过滤参数设置。
      表1 过滤器参数

      字段类型

      参数

      参数说明

      string

      按条件过滤

      过滤方式:支持按条件过滤和按枚举过滤方式。

      条件形式:支持设置“且”条件和“或”条件。

      过滤条件:支持精确匹配、包含、开头是、结尾是、不匹配、不包含、为空、不为空等设置。

      按枚举过滤

      查询形式:支持单选和多选。

      过滤条件:支持>、≥、<、≤、=、≠、为空、不为空等设置。

      度量

      条件形式

      支持设置“且”条件和“或”条件。

      过滤条件

      支持>、≥、<、≤、=、≠、为空、不为空等设置,支持选择聚合前数据和聚合后数据。

      说明:

      选择“聚合前”,将对聚合前的数据进行过滤,选择“聚合后”,将对聚合后的数据进行过滤,聚合相关概念请参见创建数据集。

      单击“新建筛选条件”可以设置多个过滤条件。

      date

      按区间值过滤

      设置时间区间进行过滤。

      按单值过滤

      设置单个时间进行过滤。

      按条件过滤

      支持设置“且”条件和“或”条件,支持>、≥、<、≤、=等设置。

      单击“新建筛选条件”可以设置多个过滤条件。

  3. 设置排序
    1. 在数据表的维度和度量内找到需要的数据字段拖拽至排序内。
    2. 单击排序内字段的,选择排序方式。支持以下排序方式:升序、降序、自定义。
    3. 如果想取消排序,单击排序内字段的即可。
  4. 查询返回数限制

    设置查询返回数限制,在输入框输入合适的返回数,默认数值为1000。

  5. 设置自动刷新

    自动刷新间隔时间支持:不刷新、1分钟、5分钟、15分钟、30分钟。

样式

  • 尺寸位置
    • W:设置图表的宽,单位为px。
    • H:设置图表的高,单位为px。
    • X:设置图表在画布中的位置,单位为px。
    • Y:设置图表在画布中的位置,单位为px。
    • 不透明度:设置图表在画布上的透明度,可通过滑动条进行设置,也可手动输入百分比,比例越大透明程度越低。
    图2 尺寸位置
  • 全局样式
    • 表格行数:输入数值设置表格的显示行数。
    • 轮播:勾选时,会进行表格轮播。未勾选时,表格的内容不会进行轮播,当表格数据超过“表格行数”所指定的显示行数时,表格会显示滚动条,您可以通过滚动滚轮查看表格数据。
    • 动画类型:单击下拉选项设置动画类型,可设置为翻转、跑马灯、跳动。
    • 时间间隔:输入数值或单击设置表格轮播的时间间隔。
    • 边框线:设置边框线的粗细和颜色。
  • 表头
    • 显示/隐藏表头:单击“表头”右侧的勾选框,表示显示表头,表示隐藏表头。
    • 表头行高:输入数值,设置表头行高。
    • 背景色:单击颜色编辑器设置表头的背景色。
    • 对齐方式:单击下拉选项设置表头文本的对齐方式,可选择为水平居中、左侧、右侧。
    • 文本设置:
      • 字体:单击下拉选项设置表头文本的字体类型。
      • 字体颜色:单击下拉选项设置表头文本的字体颜色。
      • 字号:单击下拉选项设置表头文本的字号大小。
      • 字体粗细:单击下拉选项设置表头文本的字体粗细样式。
  • 行配置
    • 行高:设置行高,输入值不能小于45。
    • 奇行背景色:单击颜色编辑器设置奇行表格的背景色。
    • 偶行背景色:单击颜色编辑器设置偶行表格的背景色。
    • 文本:设置行的字体、字体颜色、字号、字体粗细。
    • 行分割线
      • 样式:设置行分割线样式,支持实线、虚线、点划线的设置。
      • 粗细:设置行分割线的粗细。
      • 行颜色:设置行分割线的颜色。
  • 序列号
    • 显示/隐藏序列号:单击“序列号”右侧的勾选框,表示显示序列号,表示隐藏序列号。
    • 背景色:单击颜色编辑器设置背景色。
    • 圆角:输入数值或单击设置圆角度。
    • 列宽占比(%):输入数值设置序列号这一列的宽度。
    • 半径:输入数值设置半径大小。
    • 字体颜色:单击下拉选项设置序列号这一列中文本的字体颜色。
    • 字号:单击下拉选项设置序列号这一列中文本的字号大小。
    • 字体粗细:单击下拉选项设置序列号这一列中文本的字体粗细样式。

交互

本节介绍表格轮播的交互各项配置的含义。

  1. 单击“交互”进入交互页面。
  2. 单击“编辑交互事件”,进入交互编辑页面。
    图3 交互编辑页面
  3. 选择事件,支持设置为“点击”。
  4. 添加动作,动作支持隐藏和显示(根据选择的组件显示不同的动作值)。
  5. 单击“确定”,完成交互事件的设置。
    • 数据过滤动作操作符分为string字符串类型、number数值类型、date日期类型。
      • string字符串类型支持的字符有精确匹配、不等于、包含、不包含、开头是、结尾是、为空、不为空。
      • number数值类型支持的字符有=、≠、>、≥、<、≤、为空、不为空。
      • date日期类型支持的字符有=、>、≥、<、≤。
    • 交互支持绑定数据集的SQL占位符。
      • 前提:在关联的数据集中编辑SQL,加入动态参数,将参数设置成全局生效。
      • 进入组件编辑页面,单击“交互”进行交互设置。

相关文档