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

目录:

1. 概述编辑

1.1 版本

报表服务器版本功能变动
11.0.2标签字符选择「自定义」时,字符颜色支持设置为「自动」。详情请参见 2.1 节 

1.2 应用场景

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

Snag_49ca2283.png

1.3 功能简介

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

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

Snag_49da1323.png

2. 功能介绍编辑

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

2.1 内容

1)设置标签文本内容的方式有 3 种,分别如下:

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

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

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

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

Snag_5cd63a8a.png

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

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

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

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

Snag_5ce69e86.png

2.2 布局

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

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

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

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

Snag_5cef9071.png

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

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

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

1603692259265732.png

2.3 边框

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

Snag_5cf1acaa.png

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

1603692768714320.png

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

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

2.4 背景

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

Snag_49c7cb64.png

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

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