在 ECharts 中,图例组件和数据项之间的关系是通过系列(Series)的名称(name)建立的。图例项的名称与各个系列的名称对应,通过图例组件可以控制显示或隐藏特定的系列,从而影响图表的展示。

以下是一个包含两个系列的简单示例:
option = {
    // 其他配置项...
    legend: {
        data: ['系列1', '系列2'],
        // 其他图例相关配置项...
    },
    series: [
        {
            name: '系列1',  // 系列1的名称
            type: 'bar',
            data: [1, 2, 3, 4, 5],
            // 其他系列1的配置项...
        },
        {
            name: '系列2',  // 系列2的名称
            type: 'line',
            data: [5, 4, 3, 2, 1],
            // 其他系列2的配置项...
        },
        // 其他系列配置项...
    ],
};

在上面的例子中,legend 的 data 属性包含了两个字符串,分别对应两个系列的名称,即 '系列1' 和 '系列2'。而每个系列对象中的 name 属性也分别对应着各自系列的名称。

通过这种方式,ECharts 就能够自动地根据系列的名称和图例的配置,将对应的图例项显示在图表中。在实际使用中,你可以根据需要设置不同系列的样式、类型等配置项,并通过图例来控制它们的显示或隐藏。


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