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

目录:

1、描述编辑

图表组件样式在线视频学习请查看【图表样式】

图表的组件样式包括标题、图例、轴线、横向网格线、纵向网格线、背景的设置,通过这些设置可以调整图表的显示样式。

222

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

2、标题编辑

标题设置包含了是否显示标题、标题内容和标题字体样式的设置。

222

默认组件标题为勾选显示,若不想显示,去掉勾选即可;在标题的内容框可以修改标题文字和字体样式。如下图,点击内容框下的按钮对标题进行详细设置,包含加粗、斜体、加下划线等样式。

222

222

标题中支持显示动态标题,即在标题栏的右上角按钮选择当前仪表板已添加的字段到标题中后,点击对应组件的对应字段,该标题将动态显示字段值。

同时标题支持针对不同部分的字体进行单独设置颜色、大小等属性,如下图:

222

3、标题栏编辑

标题栏为设置组件标题背景的地方,支持设置颜色和上传图片作为标题背景。

222

4、图例编辑

在图形属性的颜色、大小和形状栏中拖入字段以后,图表中的图例会自动生成,且每个字段对应一个图例,如下图:

222

不同的图表类型可设置的图例不同,柱形图可设置颜色和大小图例,点图可设置颜色、大小、形状图例,热力点可设置热力色、大小图例,线形图可设置颜色大小图例,面积图仅能设置颜色图例,矩形块图能设置颜色和大小图例,饼图能设置颜色和半径(即大小)图例,文本图能设置颜色和大小图例,填充地图仅能设置颜色图例,漏斗图能设置颜色和大小图例,仪表盘图能设置颜色和大小图例。

除了设置图例字段外,在组件样式中的图例下,可对图例显示进行详细设置,包括是否显示图例、图例中字体的设置、图例的边框及位置。

222

其中字体支持自动和自定义两种,自定义可修改显示字体的格式、大小、加粗都属性。

222

默认图例的位置都为右方,可点击切换成上、下、左;图例边框可设置透明、默认或指定的颜色。

5、轴线编辑

轴线指的是分区线及坐标轴线,在组件样式下可选择是否显示及显示的样式。

222

轴线显示与显示的效果如下图所示:

222

轴线可设置的样式为线型、线宽大小和颜色,根据需要进行切换设置即可。

222

6、横向网格线编辑

横向网格线与轴线类似,可设置是否显示及显示的线样式,显示样式可设置线型、线宽大小和颜色。

222

7、纵向网格线编辑

纵向网格线也与轴线类似,可设置是否显示及显示的线样式,显示样式可设置线型、线宽大小和颜色。

222

8、背景编辑

组件样式下的背景栏设置的为该组件的背景,可选择颜色和上传图片,

222

若为地图形式展示,则可进行gis背景设置,可以选择FineBI内置的各种gis背景,也可不使用gis背景。如下图:

222

9、自适应显示编辑

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

222

标准适应为FineBI根据组件图表的最佳视觉比例的展示效果,可拖拽调整横纵方向轴区间大小;宽度适应为图表在宽度方向(即横向)填充整个图表预览区域,纵向采取最佳比例,因此纵向可能出现滚动条,宽度适应时不可调整横轴的轴区间宽度;高度适应为图表在高度方向(即纵向)填充整个图表预览区域,横向采取最佳比例,因此横向可能出现滚动条,高度适应时不可调整纵轴的轴区间高度;整体适应为图形全部展示在图表区内,横向和纵向都填充满整个图表预览区域,不会出现滚动条,仅可调整横轴的轴区间高度和纵轴的轴区间宽度。可根据需要选择对应的组件自适应显示方式。



图表组件样式在线视频学习请查看【图表样式】