Echarts曲线渐变色为什么我lineStyle设置颜色会消失?把lineStyle注释就出来了


 axisLine: {
              // 坐标轴线,也就是圆圈的边框线
              //show: false,        // 默认显示,属性show控制显示与否
              lineStyle: {
                
                // 属性lineStyle控制线条样式
                color: [
                  [
                    // echarts.graphic.LinearGradient(0.1, 0.6, 0.8, 0, [
                      {
                        offset: 0.2,
                        color: "#3CA0FF",
                      },
                      {
                        offset: 0.8,
                        color: "#F9E141",
                      },
                      {
                        offset: 1,
                        color: "#FFD52D",
                      },
                    // ]),
                  ],
                  [1, "#14306F"],
                ],

                width: 20,
              },

img

img

img

格式不对,

color:{
  type: 'linear',
  x: 0,
  y: 0,
  x2: 0,
  y2: 1,
  colorStops: [{
      offset: 0, color: 'red' // 0% 处的颜色
  }, {
      offset: 1, color: 'blue' // 100% 处的颜色
  }],
  global: false // 缺省为 false
}
// 径向渐变,前三个参数分别是圆心 x, y 和半径,取值同线性渐变
{
  type: 'radial',
  x: 0.5,
  y: 0.5,
  r: 0.5,
  colorStops: [{
      offset: 0, color: 'red' // 0% 处的颜色
  }, {
      offset: 1, color: 'blue' // 100% 处的颜色
  }],
  global: false // 缺省为 false
}
// 纹理填充
{
  image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement,不支持路径字符串
  repeat: 'repeat' // 是否平铺,可以是 'repeat-x', 'repeat-y', 'no-repeat'
}