求救，echarts怎么设置xy轴间距是40px，设置一个固定的值

Question

可以复制到官方实例看：https://www.echartsjs.com/exa...
实在没搞明白怎么设置，跪求各位老板。

option = {
    xAxis: {
        data: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16"],
        // 纵轴标尺固定
        type: 'value',
         scale: true,
        max: 15,//最大的刻度尺
        min: 0,
        splitNumber: 15,//拆分成几段
        // interval:40,
        // boundaryGap: [0.2, 0.2]
         maxInterval:40,

        length:600,
        // show: false, //坐标轴

    },
    yAxis: {
        data: ["1", "2", "3", "4", "5", "6", "7", "8"],
        type: 'value',
        max: 7,//最大的刻度尺
        min: 0,
        splitNumber: 7,//拆分成几段
         interval:40,
   
        length:280,
        // show: false, //坐标轴
    },
    series: [{
        symbolSize: 20,
        data: [
            [4, 4],
            [7, 5],
            [5, 2]
        ],
        type: 'scatter'
    }]
};

Answer 1

坐标轴上的设置最大、最小、间隔，都是指的数据单位，不是屏幕像素。你要保持屏幕像素不变，需要根据你的div尺寸自己计算。另外，需要设置grid以及div的margin才行。

Answer 2

如果echarts的容器的宽高固定的话，通过宽高和grid可以计算出要间隔40px需要的splitNumber。