echarts渐变色不起作用

echarts设置渐变色没有效果，但是也没有报错

网上搜寻到以下两种代码都没有实现效果：

第一种：

 normal: {
   color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
     offset: 0,
     color: '#8bd46e'
   }, {
     offset: 1,
     color: '#09bcb7'
   }])
  }

第二种：

normal: {
  color: function (params) {
    return {
      colorStops: [{
        offset: 0,
        color: '#8bd46e'
      }, {
        offset: 1,
        color: '#09bcb7'
      }]
    }
  }
 }

以下代码是可以实现的：

可参考官网对于backgroundColor的颜色设置 https://echarts.apache.org/zh/option.html#backgroundColor

normal: {
 color: {
   type: 'linear',
   x: 0,
   y: 0,
   x2: 0,
   y2: 1,
   colorStops: [{
     offset: 0, color: 'rgba(2,189,255,0.2)' // 0% 处的颜色
   }, {
     offset: 1, color: 'rgba(159,247,255,0.1)' // 100% 处的颜色
   }],
   global: false // 缺省为 false
 }
}