在 ECharts 中,图例(Legend)组件用于展示不同系列的标识,以及控制这些系列的显示与隐藏。以下是一些常见的图例组件配置项:
option = {
    legend: {
        show: true,               // 是否显示图例,默认为 true
        type: 'plain',            // 图例的显示类型,可选值为 'plain'(普通图例)或 'scroll'(可滚动图例)
        orient: 'horizontal',     // 图例的布局朝向,可选值为 'horizontal'(水平布局)或 'vertical'(垂直布局)
        left: 'center',           // 图例组件的左侧位置,可为像素值或百分比
        top: 'top',               // 图例组件的上侧位置,可为像素值或百分比
        textStyle: {
            color: 'darkblue',    // 图例文本的颜色
            fontSize: 14           // 图例文本的字体大小
        },
        data: ['系列1', '系列2', '系列3']  // 图例的数据项
    },
    // 其他配置项...
};

上述配置项中的一些关键属性包括:

  •  show: 是否显示图例,默认为 true。

  •  type: 图例的显示类型,可选值为 'plain'(普通图例)或 'scroll'(可滚动图例)。

  •  orient: 图例的布局朝向,可选值为 'horizontal'(水平布局)或 'vertical'(垂直布局)。

  •  left/top: 图例组件的左侧和上侧位置,可以是像素值或百分比。

  •  textStyle: 图例文本的样式设置,包括颜色和字体大小。

  •  data: 图例的数据项,通常与系列中的 name 属性对应。


这些配置项可以根据实际需求进行调整,以满足图表设计的要求。请注意,图例组件的配置一般位于 option 对象中的 legend 属性下。


转载请注明出处:http://www.zyzy.cn/article/detail/5116/ECharts