Echarts背景色渐变

主要是设置tooltip提示框组件的trigger，让 x 轴悬浮触发；然后设置xAxis的坐标指示器axisPointer，指示器遮罩样式shadowStyle可以设置渐变色

let option = {
  tooltip: {
    // 提示框组件
    trigger: "axis", // 坐标轴触发
  },
  xAxis: {
    // 坐标轴指示器
    axisPointer: {
      type: "shadow",
      // 坐标轴指示器的 z 值，控制图形的前后顺序
      z: 1,
      // 指示器遮罩样式
      shadowStyle: {
        // 解决hover背景色渐变问题
        color: {
          type: "linear",
          x: 0,
          y: 0,
          x2: 0,
          y2: 1,
          colorStops: [
            {
              offset: 0,
              color: "rgba(234,244,255,1)", // 0% 处的颜色
            },
            {
              offset: 1,
              color: "rgba(234,244,255,0.3)", // 100% 处的颜色
            },
          ],
          global: false, // 缺省为 false
        },
      },
    },
  },
};