echarts制作图表时 怎么实现x轴为实线 但平行x轴的其他线为虚线

echarts制作图表时 怎么实现x轴为实线 但平行x轴的其他线为虚线
目前是 虚线把x轴的实线也覆盖了，可提供案例 可改错

相关代码如下：

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
        axisLine: {
            lineStyle: {
               type:"solid",
               color:"red"
            },
            symbol: ['none'],
            symbolSize: [13, 20],
            symbolOffset: [0, 40],
        },
    },
    yAxis: {
        type: 'value',
         splitLine: {
            lineStyle: {
                type: 'dashed',
                color: '#DDD',
            },
        },
    },
    series: [{
        data: [150, 230, 224, 218, 135, 147, 260],
        type: 'line'
    }]
};

主要是axisLine里的lineStyle和
yAxis 里splitLine
你把这个赋值到官网示例里就能看到效果

我 还是不知道哪里错了 关键的地方我都写了啊 可以帮忙看看上面的代码吗

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
        axisLine: {
            lineStyle: {
                type: 'solid',
                color: 'red',
            },
            symbol: ['none'],
            symbolSize: [13, 20],
            symbolOffset: [0, 40],
        },
    },
    yAxis: {
        type: 'value',
    },
    series: [
        {
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line',
            itemStyle: {
                normal: {
                    lineStyle: {
                        type: 'dashed',
                        color: '#DDD',
                    },
                    color: '#DDD', //拐点的颜色
                },
            },
        },
    ],
};