富文本
1. 概述
1.1 应用场景
富文本组件在仪表板中通过突出显示关键数据,增强了数据可视化的直观性和交互性,帮助用户快速聚焦并理解重要信息。
1.2 功能介绍
富文本组件,常用于制作仪表板中的文本说明,指标卡数据,或者用于展示仪表板中的文章信息等。
2. 操作步骤
2.1 创建仪表板
点击「创建>仪表板」,创建一张新仪表板。如下图所示:
2.2 添加组件
1)点击功能栏「其他>富文本」,将其添加到页面中。如下图所示:
2.3 内容样式
1)在右侧「内容」编辑面板中,可在编辑框中输入文本内容,编辑完成后,画布中即时展示内容。 如下图所示:
注:编辑框背景色跟随当前分页的页面背景变化,为了展示效果,本文示例中页面背景设置为白色。
2)文本样式设置可通过编辑框上方的按钮调整。如下图所示:
文本样式设置项如下表所示:
配置项 | 说明 |
用于调整选中的文字字体 | |
用于调整选中的文字字号 | |
用于调整选中的文字的颜色 | |
用于设置选中的文字是否加粗 | |
用于设置选中的文字是否斜体 | |
用于设置文字是否加下划线 | |
用于设置选中的行居左/居中/居右 | |
用于设置选中的行的行高 | |
用于设置组件整体内容垂直对齐方式 分为 顶部对齐/居中对齐/底部对齐 | |
插入动态值,动态展示 |
3. 动态值
「动态值」即组件内容动态变化。例如销售看板中需要展示当日销售额 TOP1 的店铺,每天数据更新后,看板中展示销售额最高的店铺名。
3.1 操作步骤
1)在分析表中汇总出每天每个店铺的销售额,并按照降序排列,这样销售额最高的店铺排在 第一项。如下图所示:
2)正常输入前面的文字,店名需要「插入动态值」。如下图所示:
3)「动态值来源」选择分析表名中「店名第一项」,即销售额最高的店铺。如下图所示:
4)在组件先展示分析表中的店名第一项,即天新百店。后续可以再对组件内容的样式进行设置。
3.2 其他说明
在设置动态值时,汇总方式、格式支持的类型如下表所示:
汇总方式 | 各字段类型支持的汇总方式如下:
同分类汇总分类方式的使用,详情参见文档:分类汇总 |
格式 | 常规、数字、货币、百分比、千分比、科学计数、日期、时间、文本 |
4 跑马灯特效
支持「开启跑马灯特效」,实现文字整体滚动的效果。如下图所示:
预览效果如下图所示: