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

目录:

1. 概述编辑

1.1 版本

FineBI 版本
功能变动
6.0-
6.0.15新增组件内边距,详情见第9节

1.2 应用场景

用户可以通过调整图形组件的组件样式,对组件进行一些美化,改变组件的风格。

1.3 功能简介

图形组件可设置轴线、横向网格线、纵向网格线、图例、标题是否显示、背景、自适应显示、交互属性设置样式,如下图所示:

注:右侧的显示勾选框可设置对应样式在组件中是否显示。

2023-11-20_17-22-26.png

2. 标题编辑

与表格设置标题一致,详情参见:组件标题

3. 图例编辑

详情请参见:图表图例

4. 轴线编辑

轴线指的是分区线及坐标轴线。

用户可自定义选择轴线的线型(虚线或实线)、线宽、和线的颜色,如下图所示:

注:取消勾选轴线的「显示」按钮,则隐藏轴线。

2.png

5. 横向网格线编辑

网格线是帮助用户易于查看数据的辅助线条,是坐标轴上刻度线的延伸。当纵轴是指标时,图表可以设置横向网格线。

同「轴线」设置,横向网格线可以设置是否显示、线型、线宽和颜色,如下图所示:

注:取消勾选「显示」按钮,则隐藏横向网格线。

3.png

6. 纵向网格线编辑

纵向网格线与横轴网格线类似,只有当图表的横轴为指标字段时,纵轴网格线才会出现。纵向网格线也可对线型、线宽、颜色进行设置,设置方法同横向网格线。如下图所示:

注:取消勾选「显示」按钮,则隐藏纵向网格线。

4.png

7. 背景编辑

用户可以对「标题背景」和「组件背景」进行替换,用户可以选择「颜色」(可选择透明)或选择「组件样式」(可选择自定义图片或内置样式)。

例如,设置标题颜色为黄色,设置组件背景为科幻大屏样式,效果如下图所示:

注:上传的背景图片的大小和像素没有要求。

5.png

若组件为地图组件,则「组件背景」除了可以设置颜色和上传背景外,还可以选择是否进行 GIS 背景设置(可选择的内置 GIS 背景有 8 种),如下图所示:

注: GIS 背景详情参见文档:GIS背景

6.png

组件背景设置「颜色」,还可以设置组件边框。如下图所示:

2023-11-20_17-24-21.png

8. 自适应显示编辑

自适应显示为设置组件中图表自适应方式的地方,包含四种自适应方式:标准适应、整体适应、宽度适应和高度适应,默认为标准适应。如下图所示:

  • 标准适应:FineBI 按照视觉最佳比例设置的默认效果。

  • 整体适应:图表的所有区域在预览图中全部展示,横向和纵向都没有滚动条。

  • 宽度适应:图表的宽度方向(即横向)在图表预览区域全部展示,纵向采取最佳比例,因此纵向可能出现滚动条。

  • 高度适应:图表的高度方向(即纵向)在图表预览区域全部展示,横向采取最佳比例,因此横向可能出现滚动条。

7.png

9. 组件内边距编辑

FineBI 6.0.15及之后的版本支持设置组件内边距。对于组件,如指标卡等有特殊需求的组件,可以分别调整组件上下左右的内边距大小。

2023-11-20_17-27-38.png

组件内边距调整为0 ,则组件无内边距,效果如下图所示:

2023-11-20_17-32-37.png

点击上锁后,可以同时调整上下或者左右的组件内边距。如下图所示:

2023-11-20_17-42-31.gif


10. 交互属性编辑

交互属性可以设置组件联动、跳转是否传递明细过滤条件。

8.png

图形组件的交互属性与表格一致,详细请参见:交互属性