1.1 版本迭代

1.2 应用场景

图表图例是 图表样式 属性下的一个设置项，可通过该设置项改变图例的显示内容、位置和样式，如下图所示：

注：框架图和仪表盘不支持图例。

1.3 交互效果

1）鼠标悬浮在某个图例上时，该图例对应的系列不变，其他系列会被白色遮盖，如下图所示：

2）鼠标点击某个图例后，该图例对应的系列会被隐藏，再次点击该图例后，系列会恢复显示，如下图所示：

1.4 功能入口

图例共有 5 个通用属性，分别是：布局、样式、边框、背景、显示策略，如下图所示：

注：如果想要隐藏图例，不勾选图例可见即可。

2.1 布局

图例显示位置设置，共有六个设置选项，分别是：靠上，靠下，靠左，靠右，右上、自定义悬浮位置。

注：默认为靠右显示。

1）靠上，靠下

位置选择靠上或靠下时，会显示排列选项，有 2 种排列方式可供选择：流式、对齐，默认为对齐。

当图表的图例较多时，流式布局和对齐布局的效果如下所示：

• 流式：

• 对齐：

2）靠左、靠右、右上

位置选择靠左、靠右、右上时，不会出现排列选项，如下图所示：

3）自定义悬浮位置

通过输入 x 方向和 y 方向的值来控制图例的位置。

详细介绍和示例参见文档：自定义图表标题和图例的位置

2.2 样式

用于设置图例标签文字的字体、颜色、字号，可根据具体需求进行设置。

注：如果浏览器设置了最小字体，而模板图表中设置的最小字体小于浏览器的最小字体，那么以浏览器为准。

比如说 Chrome 浏览器的最小字体为 12 号，图表设置的字体大小为 10 号，在 Chrome 下查看报表时，图表字体显示为 12 号，而非 10 号，故此时需要修改浏览器字体大小。

2.3 边框

设置图例的边框，包括设置图例边框的线型、颜色、是否圆角，默认为无边框。

• 线型：图例边框采用哪种线型，默认无。

• 颜色：图例边框所使用的颜色。

• 圆角：图例边框四个角的圆角度数设置，默认为 0。

2.4 背景

设置图例背景，设置项如下：

• 填充：可下拉选择没有背景、颜色、渐变色，默认没有背景。

• 不透明度：设置背景的透明效果。

• 阴影：设置图表背景是否开启阴影效果，默认关闭。

2.5 显示策略

• 区域大小：可对图例显示区域的大小进行控制，可选择自动和自定义，默认为自动。

• 高亮：开启后鼠标移动到图例上时，对应的系列会整体出现选中状态，默认开启。

注1：图例的布局设置为自定义悬浮位置时，区域大小灰化不可设置。选择自定义时若灰化了下方最大占比数值框消失。

注2：其中高亮，无论用户设置的透明度为多少，鼠标悬浮的图例所代表的系列图形（面积图包括填充的面积颜色），不透明度为 100%，其余没选中的系列不透明为 30%。

注3：不支持多层饼图、热力地图及渐变色形态下图表。

当图表为钻取地图、热力地图、气泡图、散点图、地图、词云图时，设置图表系列颜色划分 为值时，图例会显示格式设置。

1）标签格式为通用，图例显示格式随下拉框中所选设置改变，效果如下图所示：

2）标签格式为自定义，输入 JavaScript 代码，使用 HTML 解析文本内容，实现图例自定义格式，详情可参见：图表使用 HTML 解析文本内容