Failed to execute ‘addColorStop‘ on ‘CanvasGradient‘: The value provided (‘undefined‘) could not be

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",
   },

版权声明:本文为ThisEqualThis原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。