如何在使用visualMap的情况下使部分line保持自身的颜色?如图,我仅希望绿色虚线以外的部分变色,但是虚线之间的部分只能统一颜色了
配置项如下
option = {
title: {
text: 'Awesome Chart'
},
xAxis: {
data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
},
visualMap: {
show:false,
pieces: [
{
lt: 200,
color: '#abcdef'
}, {
gt: 300,
color: '#fedcba'
},{
gt:200,
lt:300,
color:'#333',
},{
value: 200, color: '#00ee66' //
},{
value: 300, color: '#00ee66' //
}],
},
yAxis: {},
series: [{
type: 'line',
data:[220, 182, 191, 234, 290, 330, 310]
},{
type: 'line',
data:[320,280,305,250,180,120,200]
},{
type: 'line', //表示上限
data:[300, 300, 300, 300, 300, 300, 300],
lineStyle:{
normal:{
type:'dashed'
}
}
},{
type: 'line', //表示下限
data:[200, 200, 200, 200, 200, 200, 200],
lineStyle:{
normal:{
type:'dashed'
}
}
}]
};