echarts设置x轴,标签与x轴的距离(当y轴有负数时,x轴标签紧贴x轴)

在用echarts作折现图时遇到的问题效果图 是这样的。javascript

option = {
    xAxis: [{
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
        onZero: false,
        show: true

    }, ],
    yAxis: [{
        type: 'value',
    }, {

    }],
    series: [{
        data: [3, 10, -9, 3, -3, 19, 15],
        type: 'line'
    }]
};

 

而作出来的是这样的html

 

我想让x轴的标签(Mon ,Tue。。。)紧贴着x轴(0刻度线上) 。试了好久终须作出来了,给x轴加个axisLabel{margin:-180}(只要为负数就行,负数可根据须要调整,也能够动态计算)java

option = {
    xAxis: [{
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
        onZero: false,
        show: true,

         axisLabel: { //坐标轴刻度标签的相关设置
             margin: -180, //刻度标签与轴线之间的距离

         },

    }, ],
    yAxis: [{
        type: 'value',
    }, {

    }],
    series: [{
        data: [3, 10, -9, 3, -3, 19, 15],
        type: 'line'
    }]
};

可以使用在线编辑器查看效果 echarts

 x,y轴具体参数配置可参考本片博客或者参考echarts社区更多效果可参考echarts官方社区编辑器