标题
1. 概述
1.1 应用场景
「标题组件」常用于制作组件的标题内容,帮助用户快速获取组件信息。
也可用于单行的文本说明,例如给仪表板添加大标题「XXXX」分析。
1.2 功能介绍
支持设置标题内容、布局、颜色等样式,实现不同的展示效果。如下图所示:
2. 添加组件
1)点击「创建>仪表板」,创建一张新仪表板。如下图所示:
2)点击「其他>标题」,将标题组件添加到画布中。如下图所示:
3. 标题内容
在右侧面板中对「标题内容」进行设置,有两种形式:字符串、动态值。
3.1 字符串
选择「字符串」,并输入对应的文字内容,设置的文本内容会以单行的形式显示,不支持换行。如下图所示:
3.2 动态值
「动态值」即组件内容动态变化。例如销售看板中需要展示当日销售额 TOP1 的店铺,每天数据更新后,看板中展示销售额最高的店铺名。
若需要增加一些信息描述,可使用「富文本」控件。
3.2.1 操作步骤
1)在分析表中汇总出每天每个店铺的销售额,并按照降序排列,这样销售额最高的店铺排在 第一项。如下图所示:
2)添加一个标题组件,对标题内容设置「动态值」,如下图所示:
3)「动态值来源」选择分析表名中「店名第一项」,即销售额最高的店铺。如下图所示:
4)在组件先展示分析表中的店名第一项,即天新百店。如果排名表更新,店名字段的第一项也会更新,在组件中也会更新展示内容。
3.2.2 其他说明
在设置动态值时,汇总方式、格式设置说明见下表:
汇总方式 | 各字段类型支持的汇总方式如下:
同分类汇总分类方式的使用,详情参见文档:分类汇总 |
格式 | 常规、数字、货币、百分比、千分比、科学计数、日期、时间、文本 |
4. 内容样式
在右侧面板中,「组件标题」支持设置标题内容、内容样式、跑马灯特效等内容。
各设置项详细说明如下表所示:
注:所有设置均对标题整体生效,不支持对标题中部分文字字体进行单独设置。
配置项 | 说明 |
字体 | 设置标题文本的字体,支持模糊搜索,可快速查找需要的字体 |
样式 | 支持设置标题文本粗体、斜体、下划线、字号 下划线颜色跟随字体颜色显示,若字体颜色为渐变色,则下划线获取的是渐变区域左侧色块颜色 |
颜色 | 支持设置标题文本的颜色为单色或渐变色 1)单色 2)渐变色 点击左右两个色标可选择颜色,改变渐变角度可实现不一样的渐变效果 效果如下图所示: |
文字阴影 | 勾选「开启阴影效果」后,支持添加多个阴影效果 点击「添加阴影」按钮,弹出阴影设置框,可设置阴影的名称、偏移方向、模糊度和阴影颜色 有多个阴影时,列表下方的阴影显示在最外层。可通过鼠标拖拽移动阴影顺序 效果如下图所示: |
布局 | 1)排列方式:支持设置标题为水平或者垂直 2)对齐方式:支持设置标题内容显示位置为居左、居中或居右 |
字间距 | 可设置标题字间距,显示效果如下图所示: |
词间距 | 在输入标题内容时,可手动添加空格将词语分隔开,此时设置词间距,会根据空格判断词语并显示间距。显示效果如下图所示: |
5. 跑马灯特效
支持「开启跑马灯特效」,设置文字的滚动方向、滚动速度等,实现文字整体滚动的效果。如下图所示:
实现效果如下图所示:
6. 注意事项
6.1 字体倾斜右侧文字被遮挡
问题描述
若标题内容对齐方式设置为「居右」或颜色设置为「渐变色」,且字体样式选中「倾斜」效果。此时,标题最右侧文字内容会被部分遮挡。如下图所示:
解决方案
可手动在标题内容最后添加一个空格。如下图所示: