EChatrs: Как нарисовать линию разделения в середине графика в xAxis?

Question

На приведенном ниже графике я хочу, чтобы в центре графика была разделенная линия: Просто в позиции четырех .диаграмма в оси x.

Это означает, что мне нужна только одна линия в середине графика

Примечание: Я использовал 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,
        }
    ]
};