Echarts 折线图-网格线与x轴值样式的微调

[youren_zt]

https://gallery.echartsjs.com/editor.html?c=xuzCLDZm6A&comment=0

详情见echarts社区链接，可直接修改，别忘记在下方留言以分配论坛分。
总感觉是很简单的问题，但一直没调出来。求大神们支招啊

[囧]

boundaryGap设置为false, 标签再旋转一下,没显示出来是挡住了

xAxis: {
        type: 'category',
        data: chartData['xLabel'],
        name: '期限',
        nameLocation: 'end',
        boundaryGap: false,
        axisLine: {
            show: true,
            onZero: false
        },
        axisTick: {
            show: false,
            alignWidthLabel: true,
        },
        boundaryGap: false,
        //x坐标轴标签展示
        axisLabel: {
            show: true,
            interval: function(index, name) {
                if (chartData['xLabelShow'].indexOf(name) >= 0) {
                    console.log(name);
                    return true;
                }
            },
            showMinLabel: true,
            showMaxLabel: true,
            align: 'bottom',
            rotate:-45
        },
        //x轴分割线展示
        splitLine: {
            show: true,
            interval: function(index, name) {
                if (chartData['xLabelShow'].indexOf(name) >= 0) {
                    return true;
                }
            }
        },
        scale: true
    },