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

Question

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

相关代码如下：

Answer 1

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
你把这个赋值到官网示例里就能看到效果