javascript - echart boundaryGap属性怎么调节？

Question

左右留白怎么修改？
xAxis: [{

    type: 'category',
    boundaryGap: true,
    //        offect: '-2px',
    axisLabel: {
        interval: 0,
        textStyle: {
            color: "#acacac",
            fontSize: 10,
        }
    },
    axisLine: {
        lineStyle: {
            color: '#acacac',
        }
    },
    axisTick:{
        show:false,
    },
    splitLine: {
        lineStyle: {
            color: ['yellow'],
        },
    },
    data: [date_zhou[5] + '日', date_zhou[4], date_zhou[3], date_zhou[2], date_zhou[1], date_zhou[0], today]
}],

这个间距想调小一点怎么弄，官网说，boundary在非类目轴只有true和false两种，faLse就是贴边没有边距，true就是如图的间距。我只是想让这个图标有边距不是像这样

求指教了，如果boundaryGap不行，其他实现方法也可以，谢谢了

Answer 1

试试 visualMap: { padding: 0 }

visualMap 和 xAxis 是一个级别的。如果你只去掉左右的，可以

visualMap: {
    padding: [5, 0, 5, 0]       // 上右下左
}

Answer 2

没有太理解是哪里的间隙 官网的grid 组件

Answer 3

请问是怎么做到的？