echarts折线图使用visualMap不同范围内设置不同折线颜色

原效果是这样的

理想效果是这样的（看上面那一条，因为数据相差不大导致观感不太好）

这里就可以用到官方提供的visualMap属性了，和series作为同级，代码如下

visualMap: {
	type: "piecewise",
	show: false,
	dimension: 0,
	seriesIndex: 0,
	pieces: [{
			gt: 0,//从x轴第0个开始算
			lt: 8,//到x轴第8个的范围
			color: "yellow", //大于0小于8为黄色（并不是数值，是x轴从左到右的顺序）
		},
		{
			gt: 8,
			lt: 15,
			color: "rgba(229,27,88,0.68)", //大于8小于15为红色
		},
		{
			gt: 15,
			lt: 22,
			color: "#fff", //大于15小于22区间为白色
		},
	]},