[]
        
在线Demo 免费试用
(Showing Draft Content)

组件图例

1. 概述

1.1 功能概述

图例用于展示组件中不同颜色/形状对应的数据含义,仅在图表绑定系列字段、多数值字段使用组合图时显示,支持自定义标题、字体、位置、区域大小、对齐方式及换行显示等样式设置。本节为您介绍图例属性。

PixPin_2025-06-17_14-23-57

2. 图例

2.1 显示图例

  1. 设置是否在图表组件中显示图例,默认为(即显示)。

  • 当设定为时,显示图例,还可以设置图例字体、位置、自适应大小和垂直对齐。

    PixPin_2025-06-17_14-24-15

  • 当设定为时,则隐藏图例区域,同时,也会隐藏属性设置中图例设定的其他选项。

    PixPin_2025-06-17_14-25-07

2.2 图例字体设置

  1. 设置图例中字体的样式,如字体、大小、颜色、粗体及斜体等。

    其中字体大小以仪表板全局设置中的字体大小为基准进行设定,选项的范围从基准字体大小的0.5倍~8倍。

    PixPin_2025-06-17_14-28-36

2.3 位置

  1. 设置图例区域显示的位置,可选择顶部、右侧、底部和左侧。默认值为右侧

    下图为图例设置在左侧、右侧、顶部以及底部的效果。

    PixPin_2025-06-17_14-31-51

2.4 图例换行

  1. 设置图例是否需要换行显示,默认否(即不换行显示)。

    PixPin_2025-06-17_14-42-39

    PixPin_2025-06-17_14-47-02

2.5 自适应大小

  1. 自适应大小属性适用于设置图例区域占整个组件区域的百分比。关闭自适应大小,则可以设置图例区域所占百分比。

    下图中浅黄色底纹表示图例区域,图例区域宽度占组件区域宽度的50%。

    PixPin_2025-06-17_14-34-09

2.6 垂直对齐

  1. 垂直对齐用于设置图例内容相对于图例区域的垂直对齐方式,支持居中、顶部和底部。

    PixPin_2025-06-17_14-35-40

2.7 图例高级属性

  1. 在仪表板的预览/查看界面,可以通过图例实现数据点高亮和清除系列。

  • 数据点高亮: 鼠标悬浮至图例即可实现。

    PixPin_2025-06-17_14-38-22

  • 清除系列: 鼠标单击图例名称即可清除图表的系列。

    PixPin_2025-06-17_14-38-44