在多坐标轴的情景里,通过点击图例,控制某个坐标轴的显示或隐藏,这个echarts能不能实现的?
配置项如下
option = {
title: {
text: 'Awesome Chart'
},
legend:{
data:['图1','图2']
},
xAxis: [
{
data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
gridIndex:0
},
{
data:['d','7d'],
gridIndex:1
}
],
yAxis: [
{
gridIndex:0
},
{
gridIndex:1
}
],
grid:[
{left:0,top:100,width:'40%'},
{left:'50%',top:100}
],
series: [{
type: 'line',
data:[220, 182, 191, 234, 290, 330, 310],
name:'图1',
xAxisIndex:0,
yAxisIndex:0
},{
type:'line',
data:[100,200],
name:'图2',
xAxisIndex:1,
yAxisIndex:1
}]
};