图表标签

1.1 版本

1.2 应用场景

图表标签是 图表样式 属性下的一个设置项，用于设置是否在图形中显示数据信息。如下图所示：

1.3 功能简介

图表标签默认是不显示的，要显示标签需勾选「使用标签」。标签共有 4 个通用设置项，分别是：内容、布局、边框、背景。如下图所示：

注：如果个别图表有特别的标签设置，那么会单独在这些图表的文档中说明。

下面以柱形图的标签为例，详细介绍每个设置项的功能。

2.1 内容

1）设置标签文本内容的方式有 3 种，分别如下：

• 通用：通过勾选参数显示该参数对应的数据，可以多选；参数后的「格式」可以设置显示数据的格式。

• 富文本：点击「富文本编辑」进入富文本编辑器，可添加字段为标签，或手动编写文本内容为标签；文本样式、颜色等均在富文本编辑器中编辑。详细介绍请参见文档：富文本自定义标签或提示 。

  注：仪表盘、甘特图、框架图这3种图表是不支持富文本功能的。
  

• 自定义：通过写 JavaScript 代码自定义标签文本内容和样式，若代码中包含 HTML 语句，需选中「使用html解析文本内容」。

2）标签选择「通用」或「自定义」时，下方可设置字符的样式。

• 跟随主题：跟随 模板主题 中设置的图表标签样式显示。

• 自定义：可自定义标签的字体、大小、颜色等。11.0.2 版本及之后的设计器中，颜色可设置为「自动」。如下图所示：

注：标签字符的颜色为「自动」时，颜色会根据不同图表类型、标签所处位置自动调整。例如柱形图，若标签在外侧则跟随系列色显示，若标签在内侧则默认为白色。

2.2 布局

布局主要是调整标签的显示位置，每个设置项功能如下：

• 位置：标签显示在图形的什么位置

• 文本方向：文本排列方向，选择纵向时文字旋转+90°排列

• 重叠调整：标签文字有重叠现象时，可以开启该功能错开文字
  

注1：目前只有柱形图和试管型仪表盘支持文本方向功能。

注2：当文本内容为富文本时，不支持使用文本方向功能。

文本纵向效果如下图所示：

2.3 边框

边框可以自定义标签外框的样式，默认线型为「无」，即没有边框，只有在选择线型后才会显示 颜色、形状、圆角 这 3 个属性。如下图所示：

上图的标签边框效果如下图所示：

注1：支持边框设置项的图表有饼图、柱形图、条形图、折线图、面积图。

注2：标签文本方向为纵向时，不显示这边框设置项。

2.4 背景

背景可以设置标签的填充效果和不透明度，填充支持设置为 没有背景、颜色或渐变色。如下图所示：

注1：支持背景设置项的图表有饼图、柱形图、条形图、折线图、面积图。

注2：标签文本方向为纵向时，不显示这背景设置项。