如何自定义X轴坐标内容的样式,让内容能显示完整

描述:当前是关于Echarts图表中的 折线图 示例。
 
            option = {
    title: {
        text: '价格走势图',
        textStyle: {
            align: 'center',
            color: '#fd6062',
            fontSize: '14'
        },
        left: 'center',
    },
    tooltip: {
        trigger: 'axis',
        formatter: "{c}",
        extraCssText: 'padding: 3px 5px; border-radius: 3px',
        axisPointer: {
            lineStyle: {
                color: '#ff7640',
                width: 1,
                type: 'dashed'

            }
        }
    },
    grid: {
        left: '10%',
        top: 45,
        right: '1%',
        bottom: 30
    },
    xAxis: [{
        type: 'category',
        boundaryGap: false, //表格两边留白
        axisLine: {
            show: true, //X轴是否显示
        },
        axisTick: {
            show: false, //坐标轴刻度
        },
        splitLine: {
            show: false //表格X轴分割线
        },
        axisLabel: {
            interval: 50000,
            showMinLabel: true,
            showMaxLabel: true,
            fontSize: 12,
            color: '#999',
            align: 'center',

        },
        data: ['2018.11.11', '2018.11.12', '2018.11.13', '2018.11.14', '2018.11.15', '2018.11.16', '2018.11.17', '2018.11.18']
    }],
    yAxis: [{
        show: 'false',
        type: 'value',
        axisLine: {
            show: true, //Y轴是否显示
        },
        axisTick: {
            show: true, //坐标轴刻度
        },
        splitLine: {
            show: true, //表格Y轴分割线
            lineStyle: {
                color: '#f2f2f2',
                width: 1,

            }
        },
        axisLabel: {
            fontSize: 12,
            color: '#999',
            align: 'right',
        }
    }],
    series: [{
        type: 'line',
        symbol: 'none',
        smooth: false,
        lineStyle: {
            width: 1,
            color: '#ff7640'
        },
        data: [300, 400, 250, 530, 456, 358, 487, 563]
    }]
};