Javascript Chart.js时间序列-随时间戳变化的x轴
我有个问题。我正在一个项目中使用Chart.js,我需要创建一个历史图表。我从数据库(PostgreSQL 10)获取数据。我将心跳值作为患者的整数和时间戳(注册时)。但是我需要做一个时间序列图,时间间隔取决于总时间。我的意思是:Javascript Chart.js时间序列-随时间戳变化的x轴,javascript,time-series,chart.js,intervals,postgresql-10,Javascript,Time Series,Chart.js,Intervals,Postgresql 10,我有个问题。我正在一个项目中使用Chart.js,我需要创建一个历史图表。我从数据库(PostgreSQL 10)获取数据。我将心跳值作为患者的整数和时间戳(注册时)。但是我需要做一个时间序列图,时间间隔取决于总时间。我的意思是: 有一位患者的心跳值总共记录了2个月,图表需要以1周的间隔填充x轴。但这取决于数据库中心跳的总时间。或者总共有1天,间隔2小时 是否可以根据总时间获取这些数据(心跳和时间戳)和自动间隔时间戳?我的意思是我不想发明轮子。 heartbeat patient_id
- 有一位患者的心跳值总共记录了2个月,图表需要以1周的间隔填充x轴。但这取决于数据库中心跳的总时间。或者总共有1天,间隔2小时
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轴
类似于此,但自动间隔取决于时间戳:
这里有一个小例子,可以作为开始。您必须使用时间属性,如
单位
,分钟
,显示格式
,最小
,最大
,等等
我不太喜欢chart.js
分配和显示刻度的方式
注意:此示例没有选择显示数据量的方法。它只显示您提供给它的所有数据
你能分享一些你已经尝试过的代码吗?你能分享你的有效载荷吗database@T.Short我只尝试在数据库上构建一个存储过程,以获取间隔数据,但我不想从零开始构建已经存在的东西。这就是为什么我要在图表上寻找一些解决方案。jsI用更多细节编辑了它@魔咒这就是你要的吗?
scales: {
xAxes: [{
type: 'time',
time: {
minUnit: 'hour',
displayFormats: {
day: 'MMM D',
week: 'MMM YYYY',
month: 'MMM YYYY',
quarter: 'MMM YYYY'
}
}
}]
}