更新时间:2024-10-22 GMT+08:00
分享

表格

本章节介绍表格组件相关的样各配置项的含义。

字段

  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。
    • 不透明度:设置图表在画布上的透明度,可通过滑动条进行设置,也可手动输入百分比,比例越大透明程度越低。
    图1 尺寸位置
  • 全局样式
    • 表格布局:可以调整表格的比例,包含自动调整、按比例分配两种类型。
    • 分页展示:可以设置表格的行数、字体类型、字体颜色、字体大小、字体粗细。
    • 筛选:勾选筛选,表头出现,可以对数据进行筛选。
    • 排序:对数据进行排序。
      • 使用维度排序:拖拽维度字段进排序槽位,自动将维度字段添加到维度槽位并在图表中显示。
      • 使用度量排序:图表中默认不显示排序槽位中的度量字段,如需显示,请再次拖动度量字段到度量槽位。
    • 边框线:设置表格边框的粗细和颜色。
  • 表头
    • 显示/隐藏表头:单击“表头”右侧的勾选框,表示显示表头,表示隐藏表头。
    • 表头行高:输入数值,设置表头行高。
    • 背景色:单击颜色编辑器设置表头的背景色。
    • 对齐方式:单击下拉选项设置表头文本的对齐方式,可选择为水平居中、左侧、右侧。
    • 字体:单击下拉选项设置表头文本的字体类型。
    • 字体颜色:单击下拉选项设置表头文本的字体颜色。
    • 字号:单击下拉选项设置表头文本的字号大小。
    • 字体粗细:单击下拉选项设置表头文本的字体粗细样式。
    • 表头展示分组:可设置表格展示多行表头,组合上线为50。
      • 添加分组:勾选表头展示分组,单击“”,进入编辑表头分组页面,单击添加分组左边+,添加分组。
      • 分组命名:单击分组右边,给分组命名。
      • 设置分组内容:鼠标按住列往分组中拖拽。
      • 删除分组:单击分组右边,删除分组,分组内的列不会被删除。
      • 显示/隐藏表头分组:单击“表头”右侧的勾选框,表示显示表头分组,表示隐藏表头分组。
      • 改变分组顺序:在表头分组页面拖拽分组可改变分组顺序。
  • 行配置
    • 行高:设置行高,输入值不能小于45。
    • 奇行背景色:单击颜色编辑器设置奇行表格的背景色。
    • 偶行背景色:单击颜色编辑器设置偶行表格的背景色。
    • 选中背景颜色:选中联动字段所在行的颜色,可自定义颜色。
    • 对齐方式:行配置对齐方式类型有水平居中左侧右侧。
    • 自动换行:文本设置行的字体、字体颜色、字号、字体粗细。
    • 文本:设置行的字体、字体颜色、字号、字体类型。
    • 行分割线
      • 样式:设置行分割线样式,支持实线、虚线、点划线的设置。
      • 粗细:设置行分割线的粗细。
      • 行颜色:设置行分割线的颜色。
  • 系列设置:支持表格的表头和列内容独立对齐方式配置。
    • 选择系列:选择列项,用户根据需求可选择。
    • 自然对齐方式:勾选此选项,表头对齐、内容对齐才可以设置。
    • 表头对齐:设置表头对齐方式。对齐方式:自动、左对齐、居中、右对齐。
    • 内容对齐:设置内容对齐方式。对齐方式:自动、左对齐、居中、右对齐。
  • 条件格式
    表2 条件格式

    参数

    参数描述

    条件格式

    请选择系列:配置字段根据图表展示的字段选择。

    快捷样式。

    • 指在已经有的样式里面选择快捷图标。
    • 颜色翻转:打开颜色翻转,快捷图标颜色对换,关闭颜色翻转,快捷图标颜色恢复。

    自定义样式:

    • 文本
      • 条件选择:有与固定值比较和与动态值比较两种方式。
      • 配置筛选条件种类:包含大于号、大于等于号、等号、小于等于号、小于号、不等号、大于A小于等于B、大于等于A小于B、大于A小于B、大于等于A小于等于B,固定对比值自定义,动态字段比值根据系统选择。
      • 颜色场景:设置好筛选条件后,单击颜色按钮,自定义颜色。
      • 添加规则:单击“+”,增加筛选条件。
      • 删除:单击“-”,删除筛选条件。
    • 图标
      • 条件选择:有与固定值比较和与动态值比较两种方式。
      • 图标样式:预选图标,如果不满足可以在筛选条件后面单独设置。
      • 配置筛选条件种类:包含大于号、大于等于号、等号、小于等于号、小于号、不等号、大于A小于等于B、大于等于A小于B、大于A小于B、大于等于A小于等于B,固定对比值自定义,动态字段比值根据系统选择。
      • 添加规则:单击“+”,增加筛选条件。
      • 删除:单击“-”,删除筛选条件。

交互

  • 联动
    1. 单击“高级 > 联动”,进入图表联动设置页面,参考表3 图表联动设置设置参数。
      表3 图表联动设置

      参数

      说明

      过滤

      设置时需要先选择需要绑定的字段,选择完成之后选择需要关联的图表,支持选择大屏二维表上的图表。

    2. 参数设置完成之后,单击“确定”完成联动设置。
    3. 场景示例:以某店销售产品报表为示例。
      1. 创建表格(表格字段显示:产品名称、销售价格),创建柱状图(显示字段:产品名称、销售价格)。
        图2 联动图表
      2. 单击表格>交互>高级 > 联动,弹出图标联动配置页面。选择过滤绑定的字段,在选择关联的图表。
        图3 关联图标设置
      3. 设置好表格参数后,单击页面右上角的保存,再单击预览,进入预览页面。
      4. 设置联动字段会显示下划线,单击“car_10”产品,表格整行会高亮显示(会显示背景颜色,此处颜色用户自定义),柱状图会显示当前产品的性别年龄使用情况展示。
        图4 car_10产品柱状图图表显示
      5. 如果想看整体表格显示情况,单击当前已经高亮的行,表示取消联动。
  • 跳转
  1. 单击“交互”进入交互页面。
  2. 单击“高级>跳转>图表跳转配置”,进入交互页面。
    图5 交互页面
  3. 选择图表,单击“确定”,完成交互事件的设置。
    • 也可携带参数跳转,具体示例请参见携带参数跳转示例
    • 如果涉及到需要设置字段的图表,请先在字段中设置,然后进入图表跳转页面设置绑定字段,否则无法跳转。
    表4 参数说明

    参数

    描述

    跳转类型

    系统内部跳转:跳转到内部的大屏和仪表板项目。

    外部跳转:跳转到非软件中的链接。

    打开方式

    当前窗口打开:当单击设置跳转的图表后,会在当前窗口打开跳转的图表。

    新窗口打开:当单击设置跳转的图表后,会在新窗口打开跳转的图表。

    弹窗打开:当单击设置跳转的图表后,以弹框的形式打开跳转的图表(弹框大小可设置)。

    跳转报表/大屏选择

    1. 先选择项目。
    2. 再选择仪表板/大屏。
      说明:

      当跳转类型选择内部跳转时,需要设置此步骤。

    关联参数

    当前大屏的生效参数。

    • 关联字段:将关联的字段携带到跳转的图表中。
    • 填固定值:跳转的图表只过滤固定值,例如固定值设置为“city”,跳转的图表显示过滤“city”字段。
    • 控件变量:在下拉框、搜索、Tab列表中选择的每一个值都是控件变量设置的变量值。例如在下拉框中选择“city”,则控件变量的变量值为“city”,跳转的图表过滤出“city”字段。
    • 全局变量:将全局变量中的值携带到跳转的图表中。

    携带条件

    当跳转类型为系统内部跳转时支持设置携带空值。携带空值主要用于数据表中空值的过滤,方便用户分析数据。

    • 前提条件:设置两个大屏A、B,大屏A跳转到大屏B。
    • 操作步骤:
      • 大屏B配置全局参数,设置全局参数的字段,大屏A中也必须存在。
      • 在大屏A中设置跳转参数,跳转报表选择大屏B,关联字段选择全局参数中设置的字段。
      • 勾选携带空值,单击确定。
      • 大屏A绑定字段出现下划线,单击绑定字段,跳转到大屏B,过滤出空字段行,大屏B的URL出现param参数。
      • 未勾选携带空值,单击确定。
      • 大屏A绑定字段出现下划线,单击绑定字段,跳转到大屏B,出现图表的全部数据,大屏B的URL未出现param参数。

相关文档