最新历史版本 :文本组件简介 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

FineBI 版本号

App版本

/HTML5移动端展现插件

BI6.0移动动端布局编辑界面H5插件功能变动
6.0---
6.0.13--文本组件支持上下垂直居中
6.0.16V11.0.88V6.0.24.20231215
  • 文本组件支持移动端单独设置富文

  • 移动端支持文本组件上下居中

1.2 应用场景

当用户在仪表板中需要插入文本时,可以使用文本组件在仪表板中插入自定义样式的文本。如下图所示:

8.png


1.3 功能介绍

能够实现文字说明或者动态自定义标题等其他文本效果。在仪表板编辑界面插入文本组件,添加文本内容或者组件内的分析字段并对其样式进行美化,完成文本组件制作。

2. 文本组件添加文字编辑

2.1 添加文本组件

在操作栏的「其他」中选择「文本组件」并将其拖拽至仪表板界面上,如下图所示:


1.png

2.2 添加文本内容

点击文本组件直接输入。支持手动输入、粘贴需要的文字内容。如下图所示:

注1:仅保留与文本组件内兼容的字体样式类配置,特殊样式不予支持。详情请参见:仪表板不支持的特殊字符

注2:请在编辑后,鼠标焦点移开文本组件后,再进行刷新操作,否则编辑内容无法保存。

2023-08-23_15-51-56.png

2.3 编辑文本样式

文本组件可对输入的文本的文字格式及颜色等进行设置(包括插入的字段和超链接)。如下图所示:

2023-08-23_15-51-56.png

详情请参考:组件标题

6.0.13 及之后版本还支持上下对齐、水平对齐。如下图所示:

2023-08-23_15-58-14.png

对于输入的文本可针对不同的文字设置不同的样式。例如将「XXX公司业务分析仪表板」字段设置为「居中对齐」、「垂直居中」,字号「28」,字体颜色「黄色」并「加粗」显示,背景色设置「深蓝」。如下图所示:

2023-08-23_16-07-13.png

再对其他文字进行设置,效果如下图所示:

2023-08-23_16-08-15.png

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

3. 文本组件跟随过滤条件变化编辑

有时候想在分析中添加文本组件,并且该文本组件能跟随过滤组件设置的筛选条件进行动态变化。

例如,文本过滤组件「省份直辖市」筛选「上海市」和「云南省」,那么文本组件显示为「上海市&云南省合同签约情况」,如下图所示:

11.gif

详情参见:文本组件文字跟随过滤条件变化

4. 文本组件联动编辑

有时候想在分析中添加文本组件,并且该文本组件能跟随图表数据进行动态变化,即实现动态显示文本内容的功能

例如点击「俄罗斯N钢牌坊」,文本组件对应显示该产品购买数量信息,如下图所示:

5.gif

详情参见:文本组件联动

5. 文本组件跳转超链接编辑

文本组件支持插入超链接,如下图所示:

2023-08-23_16-12-43.png

插入超链接后点击则自动跳转至目标界面,如下图所示:

2023-08-23_16-16-52.gif

注:若想从文本组件跳转至仪表板只需要使用对应仪表板的超级链接即可。

6. 移动端编辑

V11.0.88版本及之后「移动端布局」支持单独设置文本组件内容。PC与移动端互不影响。

入口如下图所示:

2023-12-18_16-55-44.png

点击进入编辑界面,如下图所示:

2023-12-18_16-58-25.png

完成后如下图所示:

注:移动端不适配字体样式。

2023-12-18_17-05-12.png

如果要继承PC样式,点击「恢复桌面样式配置」并确认即可。如下图所示:

2023-12-18_17-07-30.png