历史版本13 :仪表板样式 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1、版本编辑

          FineBI版本                   jar包版本           
  5.1 待定

2、描述编辑

视频学习:仪表板样式在线视频学习请查看【仪表板样式】

功能说明:

仪表板样式提供了从全局角度调整画布的功能,可设置整张画布的背景、标题、组件、图表/表格风格和配色、过滤组件主题等,可从全局对仪表板进行风格配色的统一调整。界面如下图所示:

1.png

3、预设样式编辑

FineBI 为用户内置了六种预设样式,在仪表板编辑界面可选择想要的风格;同时也支持用户进行自定义样式设置并一键保存为预设样式,方便后面使用。如下图所示:

1.png

4、自定义样式编辑

自定义仪表板样式设置包含了仪表板、标题、组件、图表、表格和过滤组件的背景主题等设置。

          样式                                         可设置项目                               
仪表板画布背景、组件间隙
标题标题栏背景、标题文字格式
组件单个组件的背景
图表图表的整体配色、图表中的文本格式
表格表格风格、主题色和文字格式
过滤组件过滤组件主题色

4.1 仪表板

仪表板样式设置包含了仪表板「背景」和「组件间隙」的设置。

  • 背景设置分为「颜色」和「图片」

    1)「颜色」设置如下图所示:

    1.png

    2)「图片」设置如下图所示:

    1.png

    注:上传的背景图片为填充格式,若背景图片过小则可能出现上传图片模糊不清问题,请根据分辨率及需要选择合适的上传图片。

  • 组件间隙,即设置组件与组件之间有没有间隙。

    1)「有间隙」的效果如下图所示:

    1.png

    2)「无间隙」效果如下图所示:

    1.png

    注:若组件设置了 组件悬浮 ,那么尽管在仪表板样式处设置组件之间有间隙,但组件仍然可以重叠展示。

4.2 标题

  • 标题可统一设置仪表板中组件标题的「背景」和「文字」

    1)背景设置分为「颜色」和「图片」

    「颜色」设置如下图所示:

    1.png

    2)「图片」设置如下图所示:

    1.png

  • 标题文字分为「自动」和「自定义」,「自动」为默认效果,不能设置。在自定义中可设置标题字体、大小、显示位置、加粗等属性。

    1.png

4.3 组件

组件中可统一设置仪表板中所有组件的背景。背景设置分为「颜色」和「图片」

1)「颜色」设置如下图所示:

1.png

2)「图片」设置如下图所示:

1.png

注:上传的背景图片为填充格式,若背景图片过小则可能出现上传图片模糊不清问题,请根据分辨率及需要选择合适的上传图片。

4.4 图表

  • 图表下可以设置仪表板中的图表配色和图表中的文字样式,

    1)图表「配色」即代表图表中的组件元素颜色,可点击修改该配色。如下图所示:

    1.png

    2)「文字」可配置图表中字体的样式,包含横纵轴、分类轴、值轴的文字等,分为「自动」和「自定义」,如下图所示:

    1.png

4.5 表格

「表格」下可统一设置仪表板中所有表格组件的样式,包括「风格」、「主题色」和「文字」,其中「文字自定义」中可分别设置表头和表身的字体样式。详情如下图所示:

1.png

4.6 过滤组件

「过滤组件」可统一设置该仪表板中所有过滤组件的主题色,如下图所示:

1.png



仪表板样式在线视频学习请查看【仪表板样式】