反馈已提交

网络繁忙

您正在浏览的是 FineBI6.0 帮助文档,点击跳转至: FineBI5.1帮助文档

仪表板样式

  • 文档创建者:doreen0813
  • 历史版本:38
  • 最近更新:April陶 于 2023-12-19
  • 1. 概述

    1.1 版本

    FineBI版本
    功能变动
    6.0-
    6.0.16

    新增配置项:

    1)手动开启/关闭,悬浮阴影效果,优化仪表板预览的组件悬浮阴影效果,见3.3.3节

    2)表格支持设置滚动条样式,见3.5节

    1.2 应用场景

    制作好仪表板后,想要进行仪表板美化操作,希望能更改或者自定义仪表板样式;

    或者希望在自定义样式保存后,能够复用于其他的仪表板制作。

    1.3 功能说明

    FineBI 提供了仪表板样式的设置,可设置整张仪表板的背景、标题、组件、图表/表格风格和配色、过滤组件主题等。

    • 支持直接选择「预设样式」的仪表板;

    • 支持设置「自定义」样式的仪表板;

    • 当前用户支持在其他仪表板使用该仪表板的自定义样式,点击「存为预设样式」实现。

    三类仪表板样式设置说明如下表所示:

    设置好的仪表板样式
    样式说明
    自定义样式

    仅当前用户可添加,删除,重命名自定义样式。一个用户最多添加 3 个自定义样式

    注:若需要修改自定义样式可点击目标仪表板样式,设置自定义样式后「存为预设样式」,删除原先的仪表板样式。

    全局样式仅管理员可添加,删除,修改,重命名全局样式。管理员最多添加 5 个全局样式。
    仪表板默认样式为管理员设置的全局样式。详情参见:BI全局样式
    预设样式有 系统自带的预设样式,不可删除、修改、重命名。

    1.4 前提条件

    你已经制作好组件并添加至仪表板中。

    1.5 约束限制

    • 存为自定义样式的样式生效范围:当前你制作的所有仪表板,都可以选择之前保存的自定义样式。

    • 未保存的自定义样式生效范围:当前仪表板。

    • 当组件未添加至仪表板时,组件样式为默认样式;添加至到仪表板后,若设置了仪表板样式,则组件样式继承仪表板样式;

    • 仪表板样式生效优先级排列为:组件样式>仪表板样式>BI 全局样式。

    • 用户默认的仪表板样式仅可由管理员更改,步骤请参见:BI全局样式

    • 低版本的 IE 浏览器(一般 IE10 以下),部分组件背景样式和组件标题背景样式效果可能会受影响。

    2. 更改仪表板样式

    进入分析主题编辑界面,选择对应的仪表板,点击「仪表板样式」,如下图所示:

    点击仪表板预设样式,设置样式,点击「确定」即可更改样式,如下图所示:

    3. 设置自定义样式

    在仪表板编辑点击界面「仪表板样式」,点击「自定义」,进入自定义样式编辑界面,如下图所示:

    注:编辑后,自动在仪表板展示预览效果,点击「确定」才会生效自定义效果。若不存为自定义样式,则该样式仅在此仪表板生效。

    自定义仪表板样式设置项,如下表所示:

    样式 可设置项目  
    基础样式选择预设样式,在该样式基础上进行自定义
    存为预设样式点击存为预设样式,在「预设」tab页中显示。可以运用于其他仪表板中
    仪表板仪表板背景、组件间隙
    组件

    标题背景、标题文字、组件背景、组件边框

    图表图表的整体配色、图表中的文本格式
    表格表格风格、主题色和文字格式
    过滤组件标题背景、标题文字格式、组件背景、组件边框、主题色

    3.1 设置基础样式

    选择自定义样式的基础样式为「冷静蓝灰」。在此基础上修改。如下图所示:

    3.2 设置仪表板样式

    1)点击「仪表板」设置样式。可设置仪表板的「背景」和「组件间隙」。

    背景颜色设置「蓝紫色」,组件间隙设置「12」,效果如下图所示:

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

    2)仪表板设置说明如下表所示:

    设置仪表板
    说明
    背景

    仪表板背景可设置为「颜色」或者「图片」。

    • 颜色:点击可设置背景颜色。选择自定义颜色、透明、自动。

    • 图片:点击可上传图片,作为仪表板背景。上传的背景图片的大小和像素没有要求。

     若想要达到图片大小与仪表板大小吻合的效果,图片尺寸参数为3840*2160。

    组件间隙

    设置组件间隙大小,设置为 0 则无间隙。

    3.3 设置组件样式

    3.3.1 组件标题

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

    1)标题背景设置为「标题样式>科幻标题装饰」。

    2)标题文字设置「自定义」,字体蓝色。

    2023-12-19_10-43-54.png

    3)标题设置说明如下表所示:

    标题设置
    说明
    背景

    标题背景可设置为「颜色」或者「标题样式」。

    • 颜色:点击可设置背景颜色。选择自定义颜色、透明、自动。

    • 标题样式:支持自定义图片和各种风格的样式。自定义图片可上传图片作为标题背景,背景图片的大小和像素没有要求。

    文字

    标题文字可设置「自动」或者「自定义」。

    详细说明可参见:组件标题-编辑标题

    3.3.2 组件背景

    组件中可统一设置仪表板中所有组件的背景,分为「颜色」和「组件样式」两种。

    • 颜色

    颜色设置「自动」,组件边框设置圆角「6」px,边框「2」、「蓝色」。效果如图所示:

    2023-12-19_10-55-33.png

    • 组件样式

    组件背景设置如下图所示:

    注:组件样式支持自定义图片和各种风格的样式。自定义图片可上传图片作为背景,背景图片的大小和像素没有要求。

    2023-12-19_10-57-43.png

    3.3.3 悬浮阴影 

    6.0.16 版本支持设置是否显示组件悬浮阴影。多悬浮组件的仪表板,可关闭阴影,美化仪表板效果。

    2023-12-19_11-01-41.png

    显示悬浮阴影,仪表板预览效果如下图所示:

    2023-12-19_11-03-56.png

    关闭悬浮阴影,仪表板预览效果如下图所示:

    2023-12-19_11-06-43.png

    3.4 设置图表样式

    可设置仪表板中的图表「配色」和图表中的「文字」样式。如下图所示:

    图表设置的详细说明如下表所示:

    图表设置
    说明
    配色

    1)可根据需要,选择修改图表中的组件元素配色风格。

    2)可自定义图表配色


    文字

    文字可配置组件中字体的样式,包含图表中的横纵轴、分类轴、值轴的文字等。

    标题文字可设置「自动」或者「自定义」

    字体设置详细说明可参见:组件标题-编辑标题

    3.5 设置表格样式

    1)在表格下可统一设置仪表板中所有表格组件的样式,包括「风格」、「主题色」、「文字」和滚动条。

    其中文字自定义中可分别设置「表头」和「表身」的字体样式。

    自定义文字样式后,效果如下图所示:

    2023-12-19_11-32-36.png

    表格设置详情说明如下表所示:

    表格设置
    说明
    风格可设置三种不同的表格整体风格
    主题色点击可设置表格组件的主题颜色。可选择自定义颜色、透明、自动实现不同效果
    文字

    文字可设置「自动」或「自定义」的字体样式,自定义中可分别设置「表头」和「表身」的字体样式。

    自定义字体样式说明可参见:组件标题-编辑标题

    表身的维度、指标支持设置对齐方式。

    滚动条

    表格滚动条可设置:常驻显示、悬浮显

    悬浮显示状态,当鼠标悬浮在表格上显示滚动条,否则不显示

    3.6 设置过滤组件样式

    过滤组件中可统一设置该仪表板中所有过滤组件的样式。可设置标题背景、标题文字、组件背景、主题色。

    将过滤组件标题背景设置「蓝色」,标题文字自动,组件背景设置为「蓝色」,组件边框设置为圆角灰色,边框粗细为「3」。并设置过滤组件选择框的主题色为「粉色」。效果如下图所示:

    过滤组件设置
    说明
    标题背景

    标题背景可设置为「颜色」或者「图片」。

    • 颜色:点击可设置背景颜色。选择自定义颜色、透明、自动。

    • 图片:点击可上传图片,作为仪表板背景,背景图片的大小和像素没有要求

    标题文字

    标题文字可设置「自动」或者「自定义」。

    详细说明可参见:组件标题-编辑标题

    组件背景

    组件背景可设置为「颜色」或者「图片」,同标题背景。

    还可设置组件边框粗细,颜色,边框圆角程度

    主题色可设置过滤组件选择框的主题色

    4. 添加用户自定义样式

    设置自定义仪表板样式后,如果需要反复使用于在其他仪表板,可点击「存为预设样式」。预设样式中即出现该自定义样式。如下图所示:

    注:同一用户最多添加 3 个自定义样式。

    5. 重命名自定义样式

    在「预设」tab下,点击添加的自定义样式标题,即可重命名自定义样式,如下图所示:

    注:管理员的全局样式仅管理员可重命名,系统自带的预设样式 1-6 不可修改。

    6. 删选用户自定义样式

    鼠标悬停在用户保存的自定义样式上,左上角就会出现删除的按钮,点击后再次确认,点击「确定」即可删除。如下图所示:

    注:管理员的全局样式仅管理员可删除,系统自带的预设样式 1-6 不可修改。

    附件列表


    主题: 制作仪表板
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持