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

目录:

1. 概述编辑

1.1 应用场景

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

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

1.2 功能介绍

图例共有 5 个通用设置项,分别是:位置、样式、边框、背景、显示策略,如下图所示:

image.png

注:如果不想要设置图例,不勾选图例可见即可。

2. 设置介绍编辑

2.1 位置

图例显示位置设置,共有六个设置选项,分别是:靠上,靠下,靠左,靠右,靠右上以及自定义悬浮设置。

注:默认为靠右显示。

image.png

1)靠上,靠下,靠左,靠右,靠右上

此图例显示位置:可直接点击对应图标,控制图例显示在图表的位置,例:点击靠上,则图例显示在图表正上方。

image.png

2)自定义悬浮位置

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

例:输入 x 为 42,y 为 37,左上角为原点(0,0)建立 x,y 坐标系,则图例显示据原点 x 方向 42,y 方向 37 的位置。

image.png

2.2 样式

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

image.png

注:

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

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

2.3 边框

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

  • 线型:图例边框采用哪种线型。

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

  • 圆角:图例边框四个角的圆角度数设置。

image.png

2.4 背景

设置图例背景,设置项如下:

  • 填充:可下拉选择没有背景、颜色、渐变色。

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

  • 阴影:设置图表背景是否开启阴影效果。

默认没有背景

image.png

2.5 显示策略

图例显示策略有一种,分别是区域控制和高亮设置。

区域控制:可对图例显示区域的大小进行控制,规定其最大占比,默认不限制。

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

image.png

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

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

2.6 形态

部分图表的图例有形态功能,可设置三种不同形态的图例样式,分别为:普通,渐变色,区域段,默认为普通,如下图所示:
image.png

注:只有钻取地图、热力地图、气泡图、散点图、地图、词云图有形态的功能。但是热力地图不支持普通形态。

  • 普通:使用默认的普通配色样式显示图例。

  • 渐变色:使用渐变的方式显示图例,可通过设置区间配置(渐变方式设置)和格式(标签格式)来设置图例。

  • 区域段:使用区域段方式分配图例的颜色,将图例分成多个区域段,每个区域段显示不同的颜色。

1)普通

使用系统默认的图例样式,设置图例的呈现。

2)渐变色

区域配置中包含自定义最小值,自定义最大值,主题颜色,划分阶段,以及渐变颜色设置,如下图:

  • 自定义最大值,自定义最小值:控制图例显示对应显示值的最大值和最小值进行设置内的进行样式设置,默认为不选。

  • 主题颜色:设置渐变的主颜色。

  • 划分阶段:将图例划分为多个阶段。

  • 渐变阶段颜色设置:在调色板对不同的阶段的颜色进行渐变设置。

image.png

格式设置:可针对图例标签格式进行设置,包含:通用设置和自定义设置。

  • 通用:设置对应标签呈现格式(如常规,数字货币,百分比等格式),如下图:

       image.png

  • 自定义:标签内容还可以选择自定义样式,设置方法参见文档: 标签自定义。如下图所示:

    image.png

3)区域段

区域段设置可分为区间配置和格式设置

区域配置包含:主题颜色,划分阶段和区间数值,如下图所示:

image.png

  • 主题颜色:设置渐变的主颜色。

  • 划分阶段:将图例划分为多个阶段。

  • 区间数值:设置每个阶段颜色的数值,可分为自动和自定义设置

       自动:使用系统默认的颜色数值设置,依据主颜色,分配每个阶段的颜色。

       自定义:手动设置每个区段的颜色数值,如下图所示:

       image.png

注:渐变色图例的显示策略里不含高亮设置项。

格式设置:可针对图例标签格式进行设置,包含:通用设置和自定义设置。

  • 通用:设置对应标签呈现格式(如常规,数字货币,百分比等格式),如下图所示:

       image.png

  • 自定义:标签内容还可以选择自定义样式,设置方法参见文档: 标签自定义。如下图所示:

    image.png