Chart.js将填充添加到比例

Question

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

见screeshot：http://i.imgur.com/2BvlZDg.png

基本上我的观点是大图，所以它们在图表上运行。有没有办法在图表区域中添加填充或缩放以使它们更合适？

Answer 1

找出使用yAxes的方法：

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

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

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

两个togheter都是这样的：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/