在 ECharts 中,你可以使用图例组件的 selectedMode 属性来配置图例项的状态显示。selectedMode 属性定义了图例的选择模式,它决定了图例项是否可以被选择以及初始时是否被选中。

以下是一个示例,演示如何配置图例组件的状态显示:
option = {
    // 其他配置项...
    legend: {
        data: ['系列1', '系列2', '系列3'],
        selectedMode: 'multiple',  // 图例的选择模式,可以是 'single'(单选)或 'multiple'(多选)
        selected: {
            '系列1': false,  // 初始时是否选中 '系列1'
            '系列2': true,   // 初始时是否选中 '系列2'
            // '系列3' 的状态由 selectedMode 决定,如果 selectedMode 是 'single',则只能有一个系列被选中
        },
        // 其他图例相关配置项...
    },
    series: [
        {
            name: '系列1',
            type: 'bar',
            data: [1, 2, 3, 4, 5],
            // 其他系列配置项...
        },
        {
            name: '系列2',
            type: 'bar',
            data: [5, 4, 3, 2, 1],
            // 其他系列配置项...
        },
        {
            name: '系列3',
            type: 'bar',
            data: [2, 2, 2, 2, 2],
            // 其他系列配置项...
        },
        // 其他系列配置项...
    ],
};

在上面的例子中,selectedMode 属性被设置为 'multiple',表示可以多选。通过 selected 属性,你可以设置初始时各个图例项的选中状态。在这个例子中,'系列1' 初始时是未选中的,'系列2' 初始时是选中的,而 '系列3' 的状态由 selectedMode 决定。

通过配置这些属性,你可以控制图例项的初始选中状态,以及在用户交互中改变选中状态。


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