EChatrs：如何在xAxis的图表中间绘制一条分割线？

Question

在下面的图表中，我希望在图表的中间有一条分割线：仅位于四个位置。 xAxis中的图表。

这意味着我只希望在图表的中间出现一条线

注意：：我使用了splitNumber选项并将其设置为2，但它不起作用，它仅适用于某些值，例如：4, 6, 10, 20, ...等等

当max = 10时

但是当max = 8或max = 7 时

JS代码：

option = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'shadow'
        }
    },
    grid: {
        left: '3%',
        right: '3%',
        bottom: '3%',
        containLabel: true
    },
    xAxis: {
        type: 'value',
        max: 7,
        splitNumber: 2,
        splitLine: {
            //show: false,
            lineStyle: {
                width: 3,
                opacity: 1,
                shadowOffsetY: 0
            }
        },

    },
    yAxis: {
        type: 'category',
        inverse: true,
        data: ['Sunny', 'Cloudy', 'Showers'],
        axisLabel: {
            formatter: function (value, index) {
                return index;
            }
        }
    },
    series: [
        {
            name: 'City Alpha',
            type: 'bar',
            data:  [3, 4, 5],
            label: 
            {
                show: true,
                position: 'right',
                color: 'black',
                fontSize: 36,
            },
            barMaxWidth: 60,
        }
    ]
};