Javascript绘制/图表电生理数据-large数据超过几个小时

Question

我在看图

• 500 K数据点
• X轴以毫秒为单位，我希望能够以某种格式标记它，以显示毫秒: ex hh:mm:ss:msms。
• 我希望能够放大/平移以看到更小的时间片段。

更多语境

我有一个16-30 16的json文件。它有EOG数据，类似于EEG，但它跟踪的是眼球运动而不是脑电波。eog录音是从一个晚上的睡眠中得到的。

[
   {millisecondsPassed: 188, EogReading:400},
   {millisecondsPassed: 230, EogReading:423}, 
   {millisecondsPassed: 399, EogReading:512},
   {millisecondsPassed: 443, EogReading:431},

   ...etc. 500k times...
]

我试过的

我试过chart.js。它有一个非常困难的时间加载大量数据。更糟糕的是，我添加了chartjs-zoom-plugin以支持缩放。

我尝试了有向图，它似乎没有使用自定义x轴标签的方法，所以我不能在标签上以毫秒为单位显示时间，时间只以日期显示(2021年6月10日)。但也许我错了还有办法。

对于我的用例是否有一个很好的绘图库，或者更好地利用这些库中的任何一个？

Answer 1

屏幕上只有几个K像素，所以试图绘制比可见点更多的点是没有意义的。您需要查看当前时间轴的代码，从该范围中选择数据，将其平均下来，例如1500点，然后使用任何半好的绘图库来绘制它。

不要把这项工作留给图书馆！有些人只会一遍又一遍地画同一像素。其他人将使用自己的平均算法，这是你无法控制的。

我经常对这样的问题感到惊讶：“我有一个棘手的小问题，我应该用哪个图书馆来解决这个问题--哦，图书馆必须免费使用。”想想看:当a)编码器对您的棘手问题一无所知时，您认为库中代码的质量会是什么？( b)编码器不会为这项工作付费。