Chart.js时间序列格式问题与选项

Question

我使用chart.js，我尝试格式化x轴时间序列，很难格式化时间序列。我需要显示2小时的滴答间隔。

现在我从我的数据库得到的时间序列就像这样。

但我希望显示类似这样的内容

我尝试像这样的缩放x轴

scales:{
    xAxes: [{
      type: 'time',
      time: {
        format: "HH",
        unit: 'hour',
        unitStepSize: 2,
        displayFormats: {
          'hour': 'HH', 
        },
    }]
}

如果我这样尝试没有改变，如果我在秤之前添加选项我没有得到任何数据它显示空图。任何想法，请。

type: 'line',
             data: {
                 xLabels: labels,
                 datasets: [
                     {
                         label: 'G.Oil', fill: true, lineTension: 0.1, backgroundColor: "rgba(75,192,192,0.4)", borderColor: "rgba(75,192,192,1)",
                         borderCapStyle: 'butt', borderDash: [], borderDashOffset: 0.0, borderJoinStyle: 'miter', pointBorderColor: "rgba(75,192,192,1)",
                         pointBackgroundColor: "#fff", pointBorderWidth: 1, pointHoverRadius: 5, pointHoverBackgroundColor: "rgba(75,192,192,1)", pointHoverBorderColor: "rgba(220,220,220,1)",
                         pointHoverBorderWidth: 2, pointRadius: 1, pointHitRadius: 10, data: datay, spanGaps: false,
                     }
                 ],

             },
             options: {
                 scales: {
                     xAxes: [{

                     }]

                 }
             }