我需要在 x 轴和 y 轴上添加填充。这个问题 (如何在 Chart.js 中的 Graph 和 X/Y-Scale 之间添加填充? https://stackoverflow.com/questions/32095839/how-to-add-padding-between-graph-and-x-y-scale-in-chart-js)是我的确切情况,只有我使用的是 Chart.js 2。
看截图:https://i.stack.imgur.com/wndPx.png https://i.stack.imgur.com/wndPx.png
基本上我的观点是大图像,所以它们超出了图表。有没有办法向图表区域或比例添加填充,以便它们更适合?
想出了一种用 yAxes 来做到这一点的方法:
options: {
scales: {
yAxes: [{
ticks: {
padding: 100
}
}],
}
}
到目前为止,x 轴上还没有解决方案。
不过,解决问题的方法可能是通过计算数据的最小值并添加减去增量值来设置较低的最小值:
yAxes: [{
ticks: {
min: -100
}
}],
两者加在一起会是这样的:https://jsfiddle.net/u9b0nmp8/1/ https://jsfiddle.net/u9b0nmp8/1/
更新#1:X 轴建议
更新#2:基于 x 轴的改进替代方案https://stackoverflow.com/a/38620312/6638478 https://stackoverflow.com/a/38620312/6638478
更新#3:2.7 及更高版本现在支持 y 和 x 轴上的填充。例子:https://jsfiddle.net/u9b0nmp8/207/ https://jsfiddle.net/u9b0nmp8/207/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)