echarts坐标轴的标签minLable和maxLable的值如何都显示完整？

Question

问题如题。

axisLabel的配置：

axisLabel: {
            interval: 400, // 坐标轴刻度标签的显示间隔。
            showMinLabel: true,
            showMaxLabel: true,
            align: 'left'
            }                

如果align设置为left的话，则最右边的坐标标签显示不全，如图：

如果align设置为right的话，则最左边的坐标标签显示不全；
如果align设置为center的话，则左右两边的标签都显示不全了。

期望结果：

使左边和右边的数据都能完整显示。

Answer 1

设置配置项中的grid: {left: 50%,right: 5%}可以减小图表的宽度

Answer 2

echart的轴标签有一个align配置，但是这个配置不支持函数。如果想要让首尾标签都显示完整的话，只能在布局上增加左右2侧的距离。grid: { left: 50, right: 50 } ，配置的属性可以是数字，或者是百分比的字符串，如果你可以确定文字的大致宽度，建议直接用数字的像素值