组件标题

  • 文档创建者:doreen0813
  • 编辑次数:23次
  • 最近更新:April陶 于 2020-12-04
  • 1. 概述

    1.1 版本

    FineBI 版本
    JAR 包日期功能变动
    5.1--
    5.1.82020-12-04组件编辑界面,标题设置入口变动

    1.2 应用场景

    满足用户自定义标题样式,设置标题内容的需求。

    1.3 功能介绍

    • 在组件编辑界面处可对是否显示标题,及标题内容进行设置。如下图所示:

    注:为组件标题设置背景颜色或图片可参见文档:分组表组件样式

    2020-11-24_15-56-01.png

    • 而在组件右上角的快捷按钮中,也可设置标题是否显示及编辑内容。如下图所示:

    1.png

    2. 显示/隐藏标题

    组件的标题默认为勾选,若不想显示,去掉勾选即可。

    • 在组件编辑界面入口,如下图所示:

    2020-11-24_16-02-00.gif

    • 在仪表板编辑界面入口,如下图所示:

    1.png

    3. 编辑标题

    而在显示标题时,可编辑标题内容。

    • 组件编辑界面:点击标题文本框进入编辑界面,如下图所示:

    2020-11-24_16-05-01.png

    • 仪表板编辑界面:单击编辑标题可快捷进入标题编辑界面,如下图所示:

    2020-08-02_13-47-42.png

    3.1 设置字体样式

    1)点击文本可修改标题,如下图所示:

    2020-08-02_13-48-43.png

    2)自定义标题样式。点击「自定义按钮」,选中需要编辑的文本,设置标题样式。该编辑标题页面与组件样式下的标题内容编辑页面一致,可自动或者自定义设置字体、大小颜色等。如下图所示:

    2020-08-02_13-48-50.png

    自定义字体样式的各个设置项说明如下表所示:

    图标
    设置项说明
    2020-08-02_13-59-46.png字体设置文本字体,字体支持默认、黑体、宋体、仿宋、楷体、Arial、Helvetica Neue、Verdana、Times New Roman 。
    2020-08-02_13-59-58.png字号设置文本字号。
    2020-08-02_14-00-11.png加粗对文本进行加粗。
    2020-08-02_14-01-15.png倾斜
    将文本变为斜体。
    2020-08-02_14-00-37.png下划线为文本设置下划线
    2020-08-02_14-00-52.png文字颜色设置文字颜色。
    2020-08-02_14-00-59.png左对齐
    将文字内容沿水平方向靠左对齐。
    2020-08-02_14-01-05.png居中对齐将文字内容沿水平方向向中间集中对齐。
    2020-08-02_14-01-10.png右对齐将文字内容沿水平方向靠右对齐。

    注:其中苹方字体仅在 Mac 系统下生效。 Mac 系统下默认使用苹方, Windows 系统下默认使用微软雅黑。  

    4)设置完标题样式,效果如下图所示:

    2020-08-02_14-11-36.png

    3.2 在标题添加字段

    动态标题示例可参见文档:组件动态标题(该文档同时也介绍了如何在标题中添加指标。)

    可以在编辑标题时,添加组件的字段。如下图所示:

    支持范围:分析区域的维度字段和过滤组件。过滤组件中,复合过滤组件不支持添加,树过滤组件只添加到组件里的字段,其他的过滤组件只能选到过滤组件本身。

    2020-11-10_11-53-54.png

    3.2.1 操作步骤

    1)进入编辑标题界面,如下图所示:

    2020-11-10_14-39-00.png

    2)点击「+」添加组件字段,添加的字段作为整体进行显示。操作如下图所示:

    2020-11-10_14-16-56.png

    3)可整体设置字体样式,参见本文 3.1 节。操作如下图所示:

    注:不可以对字段内容进行拆分操作,比如拆分设置颜色,字体等。

    2020-11-10_14-31-54.png

    3.2.2 效果查看

    添加的字段显示内容受其引入字段来源组件的过滤、联动影响进行动态显示(只有点击绑定字段维度或者对应指标才会联动显示对应值,否则显示为全部)。

    注:对于部分过滤组件仅支持插入过滤组件本身,比如文本下拉过滤组件,此时添加字段为对应组件标题名称,产生联动时为其绑定的字段。

    2020-11-10_14-38-32.gif

    3.2.3 注意事项

    1)若添加的字段被分析组件删除,则标题中给出对应提示。如下图所示:

    2020-11-10_14-43-56.png

    2)若添加的字段是时间维度,在时间切换时间格式时根据当前格式显示,在切换时间分组后,对应插入字段会被删除并给出提示,需要重新添加。

    附件列表


    主题: 制作可视化组件
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!