表格
本章节介绍表格组件相关的样各配置项的含义。
字段
- 在“数据”标签页选择数据集,并将所需的“维度”、“度量”双击或拖拽至“字段”标签页。
- 设置过滤
- 在数据列内的维度和度量列表内找到需要的数据字段。
- 单击过滤内的需要设置过滤字段上的,进入设置过滤器页面。
- 过滤参数设置完成后,单击“确认”完成过滤参数设置。
表1 过滤器参数 字段类型
参数
参数说明
string
按条件过滤
过滤方式:支持按条件过滤和按枚举过滤方式。
条件形式:支持设置且条件和或条件。
过滤条件:支持精确匹配、包含、开头是、结尾是、不匹配、不包含、为空、不为空等设置。
按枚举过滤
查询形式:支持单选和多选。
过滤条件:支持>、≥、<、≤、=、≠、为空、不为空等设置。
度量
条件形式
支持设置且条件和或条件。
过滤条件
支持>、≥、<、≤、=、≠、为空、不为空等设置,支持选择聚合前数据和聚合后数据。
说明:选择“聚合前”,将对聚合前的数据进行过滤,选择“聚合后”,将对聚合后的数据进行过滤,聚合相关概念请参见创建数据集。
单击“新建筛选条件”可以设置多个过滤条件。
date
按区间值过滤
设置时间区间进行过滤。
按单值过滤
设置单个时间进行过滤。
按条件过滤
支持设置且条件和或条件,支持>、≥、<、≤、=等设置。
单击“新建筛选条件”可以设置多个过滤条件。
- 设置排序
- 在数据表的维度和度量内找到需要的数据字段拖拽至排序内。
- 单击排序内字段的,选择排序方式。支持以下排序方式:升序、降序、自定义。
- 如果想取消排序,单击排序内字段的即可。
- 查询返回数限制
- 设置自动刷新
样式
- 尺寸位置
- 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,固定对比值自定义,动态字段比值根据系统选择。
- 添加规则:单击“+”,增加筛选条件。
- 删除:单击“-”,删除筛选条件。
交互
- 联动
- 单击“高级 > 联动”,进入图表联动设置页面,参考表3 图表联动设置设置参数。
- 参数设置完成之后,单击“确定”完成联动设置。
- 场景示例:以某店销售产品报表为示例。
- 创建表格(表格字段显示:产品名称、销售价格),创建柱状图(显示字段:产品名称、销售价格)。
图2 联动图表
- 单击表格>交互>高级 > 联动,弹出图标联动配置页面。选择过滤绑定的字段,在选择关联的图表。
图3 关联图标设置
- 设置好表格参数后,单击页面右上角的保存,再单击预览,进入预览页面。
- 设置联动字段会显示下划线,单击“car_10”产品,表格整行会高亮显示(会显示背景颜色,此处颜色用户自定义),柱状图会显示当前产品的性别年龄使用情况展示。
图4 car_10产品柱状图图表显示
- 如果想看整体表格显示情况,单击当前已经高亮的行,表示取消联动。
- 创建表格(表格字段显示:产品名称、销售价格),创建柱状图(显示字段:产品名称、销售价格)。
- 跳转
- 单击“交互”进入交互页面。
- 单击“高级>跳转>图表跳转配置”,进入交互页面。
图5 交互页面
- 选择图表,单击“确定”,完成交互事件的设置。
- 也可携带参数跳转,具体示例请参见携带参数跳转示例。
- 如果涉及到需要设置字段的图表,请先在字段中设置,然后进入图表跳转页面设置绑定字段,否则无法跳转。
表4 参数说明 参数
描述
跳转类型
系统内部跳转:跳转到内部的大屏和仪表板项目。
外部跳转:跳转到非软件中的链接。
打开方式
当前窗口打开:当单击设置跳转的图表后,会在当前窗口打开跳转的图表。
新窗口打开:当单击设置跳转的图表后,会在新窗口打开跳转的图表。
弹窗打开:当单击设置跳转的图表后,以弹框的形式打开跳转的图表(弹框大小可设置)。
跳转报表/大屏选择
- 先选择项目。
- 再选择仪表板/大屏。
说明:
当跳转类型选择内部跳转时,需要设置此步骤。
关联参数
当前大屏的生效参数。
- 关联字段:将关联的字段携带到跳转的图表中。
- 填固定值:跳转的图表只过滤固定值,例如固定值设置为“city”,跳转的图表显示过滤“city”字段。
- 控件变量:在下拉框、搜索、Tab列表中选择的每一个值都是控件变量设置的变量值。例如在下拉框中选择“city”,则控件变量的变量值为“city”,跳转的图表过滤出“city”字段。
- 全局变量:将全局变量中的值携带到跳转的图表中。
携带条件
当跳转类型为系统内部跳转时支持设置携带空值。携带空值主要用于数据表中空值的过滤,方便用户分析数据。
- 前提条件:设置两个大屏A、B,大屏A跳转到大屏B。
- 操作步骤:
- 大屏B配置全局参数,设置全局参数的字段,大屏A中也必须存在。
- 在大屏A中设置跳转参数,跳转报表选择大屏B,关联字段选择全局参数中设置的字段。
- 勾选携带空值,单击确定。
- 大屏A绑定字段出现下划线,单击绑定字段,跳转到大屏B,过滤出空字段行,大屏B的URL出现param参数。
- 未勾选携带空值,单击确定。
- 大屏A绑定字段出现下划线,单击绑定字段,跳转到大屏B,出现图表的全部数据,大屏B的URL未出现param参数。