历史版本21 :表格组件样式概述 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1、描述编辑

功能介绍:

  • 表格的组件样式包括标题、字体、格式、背景等的设置,通过这些设置可以调整表格的显示样式。

    1.png

    注:如果浏览器设置了最小字体,而仪表板图表中设置的最小字体小于浏览器的最小字体,那么以浏览器为准,比如说chrome浏览器的最小字体为12号,图表设置的字体大小为10号,在chrome下查看图表时,图表字体显示为12号,而非10号,故此时需要修改浏览器字体大小。  

2、标题编辑

标题设置包含了是否显示标题、标题内容和标题字体样式和标题背景的设置,分组表、交叉表、明细表均可设置。

1.png

默认组件标题为勾选显示,若不想显示,去掉勾选即可,如下图:

1.png

2.1 内容

  1. 在标题的内容框可以修改标题文字和字体样式。如下图,点击内容框右下角的编辑按钮对标题进行详细设置,支持对标题中的各个字符分别设置显示效果。

    1.png

  2. 分为自动和自定义两种类型,勾选自定义后,该标题显示的字体大小颜色等样式均可修改。

    1.png

2.2 背景

  1. 背景可以设置标题栏的背景,包含两种类型:颜色和图片,分组表、交叉表、明细表均可设置。

    1.png

  2. 在勾选显示标题的情况下,可对组件标题栏的背景进行设置。颜色设置有自动、透明和具体颜色的选择;

    1.png

  3. 图片可以选择上传背景图片,支持的图片格式为jpg、png、gif和bmp。

    1.png

4、表格字体编辑

  • 表格字体可以设置表格中字体的样式,包含自动和自定义两种,分组表、交叉表、明细表均可设置。

    1.png

  • 自动为FineBI默认的表格字体样式,自定义可分别设置表格的表头和表身字体,表身又可单独设置维度和指标字体在表格中的显示位置:居左、居中和居右。

    1.png

5、风格编辑

风格可以设置表格的展示类型、风格和主题色,分组表、交叉表均可设置,明细表只能设置展示风格和主题色。

1.png

5.1 类型

  • 分组表和交叉表的显示类型包含多列展示和树状展示,效果分别如下所示:

    1.png

    1.png

5.2 风格

  • 表格展示风格有三种,分别对应如下效果:

    1.png

    1.png

    1.png

5.3 主题色

  • 主题色可修改表格展示时的背景颜色,同样可选择自动、透明或具体颜色,比如如下我们选择绿色为主题色。

    1.png

6、合计行/列编辑

合计行/列可以设置是否显示、显示位置和合计方式,仅分组表、交叉表可以设置。

1.png

分组表因为不存在列维度,因此仅能设置合计行,同样可设置是否显示、显示位置及合计方式;合计方式包含自动和自定义两种。

1.png

6.1 显示合计行/列

  • 交叉表可以选择显示行、列,或者同时显示。合计行/列的显示内容分别对应如下:

    1.png

6.2 位置

  • 合计行的位置可设置为顶部和底部,默认在底部显示;合计列的位置可设置为左侧和右侧,默认为右侧显示。上图中显示的即为在默认位置,即底部显示合计行,右侧显示合计列的效果。如下图,则显示了顶部显示合计行和左侧显示合计列的效果。

    1.png

6.3 合计方式

  • 合计方式自动即表示根据指标的汇总方式自动显示,也可自定义合计的汇总方式。如下图,为合同金额的合计自定义求平均,则图表中的合同金额合计行/列均为求平均的值。若存在多个指标字段,则可对每个指标字段分别设置合计方式。

    1.png

  • 而当有些指标的合计值按照BI的逻辑计算出来是没有意义的,但是这个表格中其他指标的合计值又是有意义的,针对这一列的合计值可以设置隐藏其合计值。如下图,为合计方式中的占比选择隐藏,则在表格中,占比的合计值就不会显示。

    1.png

    注:此处介绍的合计行设置位置及隐藏功能需2019.1.15之后的FineBI5.1版本支持。

7、格式编辑

格式可以设置表格的行高、分页行数、是否显示序号、是否展开行表头节点,分组表、交叉表均可设置,明细表仅能设置行高、是否显示序号和总行数。

1.png

7.1 行高

  • 行高设置的是表格中的行间距;

    1.png

7.2 分页行数

  • 分页行数设置表格每一页显示多少行,超过该行数就到下一页显示。

  • 分组表、交叉表,PC 端默认每页显示20行,可手动修改。移动端默认每页显示 40 行。

    1.png

    注:2019.7之后的版本中,表格数据内容仅有一页时,将不显示底部的页码信息。多于一页时,页码信息、翻页按钮正常显示。

7.3 显示序号

  • 显示序号勾选后在表格增加一列,第一列用于显示序号信息,按顺序排列。

    1.png

7.4 展开行表头节点

  • 展开行表头节点表示展开表格分组的所有表头节点,如下图,分组中的表头节点分别为收起/展开状态。

    1.png

    1.png

  • 除了勾选展开行表头节点外,也可直接点击表格最上方的+展开所有的行/列查看,如下图:

    注:该点击展开的方式仅支持查看展开数据,并不能保存展开所有行表头节点的设置,刷新以后仍然为收起的状态。  

    1.png

7.5 总行数

  • 明细表的总行数说明可参考此处总行数

7.6 冻结表格维度/首列

  • 冻结表格维度功能为固定表格中的维度字段宽度,在表格通过滚动条左右或上下滑动时,冻结维度字段宽度与位置保持不变,如下图:

    1.png

  • 在明细表中提供的为冻结首列,即固定明细表第一列的字段宽度及位置保持不变。

7.7 自动换行

注:该自动换行功能在2019.11.9之后的FineBI版本才支持。

  • 当表格内容较多,单个表格显示不下时,需要使用自动换行功能,根据表格字段内容自动换行显示。

    1.png

  • 开启自动换行后,表格文字内容超过列宽时自动换行,如下图:

    1.png

8、背景编辑

  • 背景可以设置表格组件的整体背景,分为颜色和图片两种,分组表、交叉表、明细表均可设置。

    1.png

  • 表格组件的背景颜色同样可以设置自动、透明和具体颜色。

    1.png

  • 背景图片可以选择自行上传图片作为表格背景。

    1.png

    上传后的图片保存在工程中的temp_attach文件夹。

9、交互属性编辑

  • 交互属性可以设置是否联动传递过滤条件,分组表、交叉表均可设置,明细表不能设置。默认为勾选的状态。

    1.png

  • 联动传递过滤条件表示在设置了组件联动后传递过滤条件至其他组件,默认为勾选状态;若不想要传递过滤条件,将勾选去掉即可实现。