以下是一个示例,演示如何配置图例组件的状态显示:
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