javascript - Chart.js 将填充添加到比例

Question

我需要在 x 轴和 y 轴上添加填充。这个问题(How to add padding between Graph and X/Y-Scale in chart.js?)是我的确切情况，只有我使用的是 Chart.js 2。

查看屏幕截图:http://i.imgur.com/2BvlZDg.png

基本上我的观点是大图，所以它们超出了图表。有没有办法向图表区域或比例添加填充以使其更适合？

Answer 1

想出一种使用 yAxes 的方法:

options: {
    scales: {
        yAxes: [{
            ticks: {
                padding: 100
            }
        }], 
    }
}

目前在 x 轴上没有解决方案。解决您的问题的方法可能是通过计算数据的最小值并添加减去增量值来设置较低的最小值:

yAxes: [{
    ticks: {
        min: -100
    }
}], 

两者加在一起会是这样的:https://jsfiddle.net/u9b0nmp8/1/

更新 #1:X 轴建议

更新 #2:改进了基于 x 轴的替代方法 https://stackoverflow.com/a/38620312/6638478

更新 #3:2.7 版及更高版本现在支持在 y 轴和 x 轴上填充。示例:https://jsfiddle.net/u9b0nmp8/207/