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

我使用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: [{

                     }]

                 }
             }

---

我觉得你的配置很好。你能提供完整的图表配置和数据，这样我可以重新创建这个吗？我添加了上面的代码，请让我知道，如果你有我想要的时间序列。谢谢。我遇到了同样的问题，只要我添加

type:time

，它就会失败。看你的配置对我来说很好。你能提供完整的图表配置和数据，这样我可以重新创建这个吗？我添加了上面的代码，请让我知道，如果你有我想要的时间序列。谢谢。我遇到了同样的问题，只要我添加

type:time

，它就会失败。看见