移除Y轴上的最大值splitLine

Question

我一直在尝试隐藏 Y 轴上的最大值 splitLine。如下图所示：

我想要实现的是让 Y 轴的最大值比我获得的实际数据的最大值大 30%，但没有显示该最大值的 splitLine。这样Y轴就更长了，看起来也更好看。如果不添加 max 选项，Y 轴将停止在数据数组的最大值处。

图表设置：

export const chartConfig = {
  max: (value: { max: number; min: number }) => value.max * 1.3,
  xAxis: {
    type: 'category',
    data: ["Q1 '24", "Q2 '24", "Q3 '24", "Q4 '24"],
    axisTick: {
      show: false,
    },
  },
  yAxis: {
    type: 'value',
    axisLine: {
      show: true,
    },
    axisLabel: {
      showMaxLabel: false,
    },

    name: 'Y axis',
    nameGap: 50,
    nameLocation: 'middle',
    nameTextStyle: {
      fontSize: 14,
    },
  },
  legend: {
    type: 'plain',
    bottom: '2%',
    left: '10%',
  },
  tooltip: {
    show: true,
  },
  grid: { left: '10%' },
  series: [
    {
      data: [13000],
      type: 'bar',
      stack: 'a',
      name: 'First value',
      itemStyle: {
        color: 'rgb(69, 101, 76)',
      },
    },
    {
      data: [8000],
      type: 'bar',
      stack: 'a',
      name: 'Second value',
      itemStyle: {
        color: 'rgb(245, 218, 102)',
      },
    },
  ],
};

我尝试使用

interval

和

splitNumber

设置，但无济于事。浏览了文档中与刻度、间隔、splitLines 和 Y 轴相关的所有内容：https://echarts.apache.org/en/option.html#yAxis

任何建议都非常欢迎。

Answer 1

你有没有设法解决这个问题？ :)