Chart.js将填充添加到比例

Question

我需要在x和y轴上添加填充.这个问题(如何在chart.js中添加图形和X/Y-Scale之间的填充？)是我的确切情况,只有我使用的是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:基于/sf/answers/2703421871/的x-Axis的改进替代方案

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