如何解决当值在Chart.js中的Y轴上降至0以下时,如何消除添加到底部的多余空间?
我在图表下方设置了图例样式,您会看到灰色的图表在其后的另一个图表上隐约呈现以进行比较(它们的数据比例不同,无法将它们都放在同一张实际图表上):
如您所见,由于前图中的数据在Y轴上跌至零以下,因此Y轴上的0向上移动的幅度超过了所需的距离(图表的底部通常与的底部对齐)后面的灰色图表)。我当然可以调整大小并移动灰色图表,以使其与Y0和正面图表的Y0对齐,但是在图表上的最低数据和图例之间仍然存在很大的差距。
如何消除图表上最低数据下方的多余空间?我希望呈现的最低值能够触及图表的底部。
我认为将代码放到这里并没有用,因为这种行为在Chart.js中似乎是通用的,而我正在寻找的可能是我不知道的options对象中的设置,或者知道,但不知道它可以产生预期的结果。
解决方法
找到它的设置:
yAxes: [{
ticks: {
autoSkip: true,maxTicksLimit: 0,stepSize: 0.1
}
}]
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。