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*/
            }
        }]
    }
}