Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/elixir/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Chart.js时间序列-随时间戳变化的x轴_Javascript_Time Series_Chart.js_Intervals_Postgresql 10 - Fatal编程技术网

Javascript Chart.js时间序列-随时间戳变化的x轴

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

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

  • 有一位患者的心跳值总共记录了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'
        }
      }
    }]
  }