富文本控件

富文本控件主要用于在仪表板中添加和展示格式化的文本内容,以提供说明、注释、标题、或者关键信息。与纯文本不同,富文本控件提供了丰富的编辑功能,允许用户:

  • 自由编辑文本内容:按实际业务场景需求自主输入文字说明。

  • 设置文本样式:支持调整字体、字号、颜色、背景色、对齐方式(左对齐、居中、右对齐)、加粗、斜体、下划线等。

  • 插入动态指标:可以将数据集中已有的度量或维度字段嵌入到文本中,使其能够实时显示数据的当前值。

  • 添加超链接:可以在文本中添加链接,指向内部仪表板页面、外部网址或其他资源,增强仪表板的导航和信息关联能力。

本文将为您介绍如何添加并设置富文本控件。

应用场景

可用于图表注解、关键指标的实时播报、周报邮件订阅、自动生成数据报告等场景。

使用限制

  • 前提条件:已创建好仪表板。请参见新建仪表板可视化图表概述

  • 在使用富文本控件时,请注意以下几点:

    • 指标展示限制:当在富文本中插入一个维度字段并希望展示其下的多个维值时(例如,展示不同区域的销售额),您可以设置展示结果的条数,但最多仅支持显示 50 维值结果。

    • 全局置顶限制:支持将富文本设置为全局置顶,但该功能在移动端非全屏宽度下暂不支持。

操作步骤

  1. 添加富文本控件:在仪表板编辑界面顶部的工具栏中,单击image图标即可添加富文本控件。

  2. 编辑富文本控件内容:选中添加的富文本控件,您可以对该控件内容进行以下编辑操作。

    编辑内容

    操作说明

    输入与格式化文本

    直接在控件内输入文字,并使用工具栏上的格式功能设置文字的样式,例如:字体、字号、颜色、背景色、对齐方式等。富文本演示

    插入指标

    在富文本控件的字段配置面板中拖入相关指标字段后,点击工具栏中的image图标,即可在下拉列表中选择需要插入的指标。image

    当您仅添加了一个维度,且需要查看该维度下多个并列的维值时,支持设置结果展示条数。例如:您设置了维度字段为区域,度量字段为订单金额,默认添加指标后会展示1条数据。当您需要查看7个区域的数据时,在数据面板字段页签下方设置结果展示为区域数量和7条即可。

    说明

    结果展示条数最多为50条。

    image若您需要在富文本中插入其他数据集字段,或插入本数据集字段的其他配置方式(如排序方式),可在添加指标中单击添加字段,添加子查询。

    image

    添加链接

    单击富文本工具栏2图标,输入需要跳转的链接地址,并选择链接的打开方式,支持:新窗口打开当前窗口打开弹窗。

    Untitled.gif

    添加成功后,按Ctrl并单击链接文字,可以跳转至目标页面。

  3. 配置富文本控件样式:您可以为富文本控件进行以下样式配置。

    • 标题与卡片中,设置标题、备注和尾注以及组件容器

      图表配置项

      配置项说明

      配置图

      标题

      支持设置是否显示主标题,标题样式。

      image

      备注和尾注

      支持设置备注内容

      组件容器

      支持设置自定义背景填充、圆角以及卡片内边距

    • 样式配置中,设置控件高度、是否全局置顶、行高

      图表配置项

      置项说明

      配置图

      控件高度

      支持自适应高度手动设定

      image

      全局置顶

      勾选后当前置顶富文本会被此组件替换,移动端非全屏宽度富文本暂不支持置顶。

      行高

      支持手动输入设置。

    • 条件格式中,设置度量数据的条件格式。

      图表配置项

      配置项说明

      配置图

      请选择系列

      添加到数据页签的数据。

      image

      自定义样式

      自定义文本和图标样式,并设置标记图标、范围值和字体显示颜色等。

      同步样式到

      同步当前的条件格式到其他度量指标中。

  4. 删除富文本控件:单击富文本右上方更多图标,选择删除,当前富文本即可被删除。