javascript - Chart.js v2 - 使用时间刻度时如何 'fill' 图表

Question

我正在使用 chart.js v2 创建图表我有一个很好的工作图，它使用 time scaled axis 。现在我想在轴上显示整个小时，所以我设置如下选项:

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

这效果很好，但图表的开头和结尾有间隙。

我怎样才能让它像这样:

代码笔: 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*/
            }
        }]
    }
}