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

目录:

1. 概述编辑

1.1 版本

报表服务器版本JAR 包版本功能变动
10.0.102020-11-02
  • 某些图表的标签和提示新增富文本编辑功能

  • 个别图表的标签支持设置文本方向

  • 个别图表的标签下新增边框和背景 2 个设置项

1.2 应用场景

图表标签是 图表样式 属性下的一个设置项,可以通过该设置项改变图表标签的显示内容、位置和样式,如下图所示:

image.png

1.3 功能概览

图表标签共有 4 个通用设置项,分别是:内容、布局、边框、样式,如下图所示:

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

注2:如果不想要设置标签,不勾选标签可见即可。

Snag_1db910d6.png

2. 功能介绍编辑

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

2.1 内容

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

  • 通用:只能复选参数,勾选了之后,标签会显示该参数对应的数据

  • 富文本:可以在富文本编辑器中编写标签文本内容,设置文本样式,详细介绍参见文档:富文本自定义标签或提示

  • 自定义:直接写 JavaScript 代码自定义标签文本内容和样式,详细介绍参见文档:自定义标签

Snag_1d4b0757.png

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

2.2 布局

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

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

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

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

Snag_1dc4d4fb.png

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

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

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

1603692259265732.png

2.3 边框

边框可以自定义标签外框的样式,且只有在选择线型后才能显示颜色、形状、圆角这 3 个属性,如下图所示:

1.png

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

1603692768714320.png

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

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

2.4 背景

背景可以设置标签的填充效果和不透明度,如下图所示:

Snag_1dd568f0.png

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

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

3. 百分比计算逻辑编辑

不同图表的百分比标签计算逻辑是不同的,此处对这些计算逻辑做一个总结,供您参考。

Snag_51ef25b.png

计算逻辑如下表所示:

图表类型计算逻辑备注

柱形图、条形图、折线图、面积图、饼图、雷达图

同一分类下各个系列的值 / 该分类下所有系列值的总和


多指针仪表盘
当前指向的刻度值 / 仪表盘最大刻度值
仪表盘最大刻度值可在坐标轴处自定义

百分比圆环仪表盘、百分比刻度槽型仪表盘、试管型仪表盘

( 指针值-坐标轴最小值 ) / ( 目标值-坐标轴最小值 )

坐标轴最小值在坐标轴处设置

坐标轴最小值可以不设置,不设置默认为 0

矩形树图、多层饼图

当前层级的值 / 上一层级下所有子层级值的总和
区域地图、点地图、热力地图、流向地图同一系列下各个区域的值 / 该系列下所有区域值的总和

漏斗图
当前层级的值 / 上一层级的值漏斗图的百分比指的就是转化率
词云当前词频 / 总词频