Vue项目使用echarts内置渐变色函数，报错如下：？

Question

报错：

Failed to execute 'addColorStop' on 'CanvasGradient': The value provided ('rgba (11, 168, 44, 0)') could not be parsed as a color.

代码：

areaStyle: {
            color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
              {
                offset: 0,
                color: colorArr1[index]
              },
              {
                offset: 1,
                color: colorArr2[index]
              }
            ])
          }

Answer 1

rgba (11, 168, 44, 0)，空格的问题吧
https://jsrun.net/bSdKp/edit

Answer 2

colorArr1数组中的颜色用16位的编码比如#ffffff, 不用rgba

Answer 3