echarts折线图能否动态的实现渐变色

或者这么说其areaStyle和lineStyle是否有和itemStyle一样的回调函数

类似下面这种的 ,可以根据item中的每个值,来给折线的某段改变颜色

color: (item)=>{
		if(isNull(that.normalVal)||(isNull(item.data)||item.data == '0')){
			return
		}
		let co = 'rgba(69,165,254,0.8)'
		let num = parseFloat(item.data)
		if(this.symbol.indexOf(">") > -1){
			if(num-this.normalVal < 0){
				co = 'red'
		    }
		}else{
			if(num-this.normalVal > 0){
				co = 'red'
			}
		}
			return co
},

 

用formatter:function(item){}

可以

很简单的一个笨办法,重新画

visualMap: {
        show: false,
        dimension: 0,
        pieces: [{
            lte: 6,
            color: 'green'
        }, {
            gt: 6,
            lte: 8,
            color: 'red'
        }, {
            gt: 8,
            lte: 14,
            color: 'green'
        }, {
            gt: 14,
            lte: 17,
            color: 'red'
        }, {
            gt: 17,
            color: 'green'
        }]
    }

看看这个符合你的要求不