echarts：去掉y轴线

image.png

如上图所示： 我们需要去掉 echarts 中 y 轴线，我们理所当然的在 yAxis 中设置如下 axisLine: { show: false }, 发现不起效果。懵了，起初以为下载的 echarts 版本太低，事实不是。其实是在外面又设置了 grid。grid 影响到了，具体为啥为影响，小白我的不太懂， 哭死了~~， 去掉 grid 就好啦

image.png

yAxis: [
  {
    type: 'value',
    name: '数量',
    axisLabel: {
      formatter: '{value} ',
      show: true,
      textStyle: {
        color: '#909399',
        fontSize: 12
      }
    },
    //  y轴刻度线
    axisLine: { show: false },
    // 是否显示坐标轴刻度
    axisTick: {
      show: false
    },
    splitArea: {
      show: false
    }

    // 去掉网格线
    // splitLine: {
    //   show: false
    // }
  },
  {
    type: 'value',
    name: '比例',
    axisLabel: {
      formatter: '{value} %',
      textStyle: {
        color: '#909399',
        fontSize: 12
      }
    },
    //  y轴刻度线
    axisLine: { show: false },
    // 是否显示坐标轴刻度
    axisTick: {
      show: false
    },
    // 去掉网格线
    splitLine: {
      show: false
    },
    splitArea: {
      show: false
    }
  }
],