chart.js在x轴上的显示时间为24小时

Question

我已经使用chart.js创建了一个图表。我的数据每分钟生成一次。因此，x轴以HH：mm：ss（19:14:03）格式显示，显示每分钟的坐标。我希望x轴上的刻度在几小时内。 时间19:14:03应该在19:00和20:00之间显示。

这里是生成的图表，显示每分钟x轴。我希望轴刻度线每小时显示一次

下面是我尝试过的代码。

	var timedata=["19:14:03","19:15:03","19:16:04","19:17:04","19:18:05","19:19:05","19:20:05"];
  var chartdata = {
				labels: timeData,
				datasets: [
					{
						
						data: temp1,
						options: {
					        scales: {
					            xAxes: [{
					                type: 'time',
					                time: {
								    format: "HH:mm:ss",
								    unit: 'hour',
								    unitStepSize: 1,
								    displayFormats: {
								      'minute': 'HH:mm', 
								      'hour': 'HH:mm', 
								      
								      min: '00:00',
								      max: '23:59'
								    },
								}
					            }]
					        }
					    }
					}
				]
			};