ECharts splitLine 未在间隔函数上显示

Question

我想做的是当标签不是空字符串时在标签下设置 splitLine：

当有多个值不同于空字符串时，它具有所需的行为：

但是当只有一个值不为空时， splitLine 不会显示，它似乎与图表的左侧对齐

这是我的代码：

option = {
  xAxis: {
    type: 'category',
    position: 'top',
    data: ['', '', '', 'aaa', 'bbb'],
    splitLine: {
      show: true,
      interval: function(index, value) {
        return value != '';
      }
    }
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [150, 230, 224, 147, 260],
      type: 'line'
    }
  ]
}

https://echarts.apache.org/examples/en/editor.html?c=line-simple&theme=dark&code=PYBwLglsB2AEC8sDeAoWsAeBBDEDOAXMmurGAJ4gCmRA5AMYCGYVA5sAE7m0A0J6IYHgiQYdMKF79YAE2aMiAbVq9YKnmtW1GorQC MDtALp9SsPCAA2IgDIRoNYmfR4AFsADurRMBwCuVU2d7Fg4AN0ZLIgAzX2h6UWgACnsZKgwNcMt_AEonZ3QOKjBfDjhM_1gAQkQVAG5pdABfaWamwPIcfCJUMwpqOnKqWhJGwLwqDggqQlhFaR7notFWYBG AFYABg0AJgBmbdgdnYAWDVWTgHZdgDZNkwaySkdaawdhs1bYIxRG2qA

我希望标签下始终有一条 splitLine

Answer 1

似乎是一个错误。如果适合您的用例，您可以执行类似的操作来强制始终有 2 条分割线：

const AxisData = ['', 'b', '', '', ''];

option = {
  xAxis: {
    type: 'category',
    position: 'top',
    data: AxisData,
    splitLine: {
      show: true,
      interval: function(index, value) {                                //   relevant
        return AxisData[index] !== '' || AxisData[index - 1] !== '';    //     part
      }
    }
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [150, 230, 224, 147, 260],
      type: 'line',
    }
  ]
};