图表.js时间序列 - 根据时间戳而变化的 x 轴

Question

我有一个问题。我正在一个项目中使用 Chart.js，我需要创建一个历史图表。我从数据库(PostgreSQL 10(获取数据。我有患者的心跳值作为整数和时间戳(注册时(。但是我需要制作一个时间序列图，其间隔取决于总时间。我的意思是：

• 有一位患者的心跳值总共记录了 2 个月，图表需要以 1 周的间隔填充 x 轴。但取决于数据库上检测信号的总时间。或者总共有 1 天，它以 2 小时的间隔填充。

是否可以根据总时间绘制图表.js获取这些数据(心跳和时间戳(和自动间隔时间戳？我的意思是我不想发明轮子。

heartbeat   patient_id    timestamp_register
58          2             2019-01-10 04:47:09.885053
50          2             2019-01-11 10:52:37.904854
85          2             2019-01-12 23:26:50.961469
118         2             2018-01-13 17:09:10.064487
84          2             2019-01-14 07:26:32.85583
27          2             2019-01-15 07:26:32.85583
.           .             .
.           .             .
.           .             .
30          2             2020-01-10 09:26:32.85583

例如，在这种情况下，它需要以 2 个月的间隔填充 x 轴。

像这样的东西，但自动间隔取决于时间戳：https://www.chartjs.org/samples/latest/scales/time/financial.html

Answer 1

这里有一个小例子，你可以作为一个开始。你将不得不玩时间属性，如unit、minUnit、displayFormats、min、max等等......

我不太喜欢chart.js选择分发和显示即时报价的方式。

注意：此处的示例没有选择显示数据量的方法。它只显示您提供的所有数据。

https://jsbin.com/fiyopogapa/1/edit?js,output

scales: {
xAxes: [{
type: 'time',
time: {
minUnit: 'hour',
displayFormats: {
day: 'MMM D',
week: 'MMM YYYY',
month: 'MMM YYYY',
quarter:  'MMM YYYY'
}
}
}]
}