chart.js v2-使用时间刻度时如何“填充”图形

Question

我用chart.js v2创建了一个图表，并且我有一个很好的使用时间刻度轴的工作图。 现在，我想在轴上显示整个小时数，因此我将选项设置为：

xAxes: [{
    type: 'time',
    time: {
        unit: 'hour',
        unitStepSize: 1,
        displayFormats: { 'hour': 'H:mm' }
    }
}]

这很好用，但是在图表的开始和结尾都有空白。

我该如何使其适合：

Codepen： http ：//codepen.io/WilbertE/pen/wzRmWr

Answer 1

您要使用time属性的min和max属性：

options: {
    scales: {
        xAxes: [{
            type: "time",
            time: {
                min: /* Set your min here .. */,
                max: /* .. and your max here*/
            }
        }]
    }
}