为什么要一次显示 96 个....一点交互都不讲究的？

@shadowyue 这是把前端的部分摘出来后的测试代码: https://codesandbox.io/p/devbox/youthful-yalow-hfzycq

之前做过 120 个摄像头的缩略图+状态数据，但是不像楼主要秒级的，用的是 websocket ，大概有： 1. 判断哪些图像在浏览器滚动条外面，看不见的不刷新。 2. 一个批次一个批次的请求。比如先一次请求 10 个画面，然后画到页面上，观察用了多久时间，根据时间动态调整下一个批次的数量，尽量让每个预览窗口雨露均沾。 3. 状态用了增量数据，每次只发送上次和这次的改变。

@lurenjiaMAX 这个链接是个空项目，你看看哪里出了问题，上面只渲染当前可见是个好方法，试试 react-window

所以我特别好奇 grafana 如何做到的。几乎页面不带卡的

https://codesandbox.io/p/devbox/prod-cache-l2k2gs 是这个 弄错了 @crazyBlack

@miloooz 是的 我就是用的追加数据. 后面我也试一下 echarts

@chairuosen #9 我是参考 https://www.npmjs.com/package/highcharts-react-official#optimal-way-to-update 这个绘图库提到的最优方式来更新的

用 canvas 不是随便画，都是些 2d 的简单东西。而且不需要同屏显示，看到那些就显示那些。

重采样呗 有啥纠结的