Javascript 在Chart.js中,当Y轴上的值降至0以下时,如何消除添加到底部的额外空间?

Javascript 在Chart.js中,当Y轴上的值降至0以下时,如何消除添加到底部的额外空间?,javascript,charts,Javascript,Charts,我用下面的图例设计了我的图表,如下所示,你会看到灰色图表隐约呈现在后面的另一个图表上进行比较(它们的数据比例不同,无法将它们放在同一个实际图表上): 如您所见,由于前图表上的数据在Y轴上下降到零以下,Y轴上的0向上移动的距离超出了需要的距离(图表底部通常与后面的灰色图表底部对齐)。当然,我可以调整和移动灰色图表,使其与前面图表的Y0对齐,但这仍然会在图表上的最低数据和图例之间留下很大的差距 如何在图表上呈现的最低数据下方消除此额外空间?我希望渲染的最低值接触图表的底部 我认为,在这里输入我的代

我用下面的图例设计了我的图表,如下所示,你会看到灰色图表隐约呈现在后面的另一个图表上进行比较(它们的数据比例不同,无法将它们放在同一个实际图表上):

如您所见,由于前图表上的数据在Y轴上下降到零以下,Y轴上的0向上移动的距离超出了需要的距离(图表底部通常与后面的灰色图表底部对齐)。当然,我可以调整和移动灰色图表,使其与前面图表的Y0对齐,但这仍然会在图表上的最低数据和图例之间留下很大的差距

如何在图表上呈现的最低数据下方消除此额外空间?我希望渲染的最低值接触图表的底部


我认为,在这里输入我的代码是没有用的,因为这种行为在Chart.js中似乎是普遍存在的,我正在寻找的可能是options对象中的一个设置,我还不知道,或者不知道,但不知道它可以产生所需的结果。

找到了它的设置:

yAxes: [{
  ticks: {
    autoSkip: true,
    maxTicksLimit: 0,
    stepSize: 0.1
  }
}]