在echarts使用属性visualMap对折线图进行区间的变色设置,结果写完直接报错:
Uncaught DOMException: Failed to execute 'addColorStop' on 'CanvasGradient': The value provided ('undefined') could not be parsed as a color.
这个报错很有迷惑性,让我以为是哪的color设置不正确,结果搞了一下午,查出来是数据格式不正确的问题导致的。
pieces中区间的的数据格式应该为Number,但是传入的是String,导致报错。
let pieces = [
// 此处,this.upLimit值类型错误
{ gte: min, lte: this.upLimit, color: "#47a87d" }, // min:1.435, this.upLimit:'3.469'
{ gt: this.upLimit, lte: max, color: "#F5222D" }, // max:4.108, this.upLimit:'3.469',
];
// 曲线图区间变色属性
visualMap: {
borderWidth: "12px",
type: "piecewise",
show: false,
dimension: 1,
pieces: pieces, //pieces的值由动态数据决定
hoverLink: true,
outOfRange: {
color: "#47a87d",
},