1

具体是要绘制成什么样子呢？三个柱状图，每个柱状图表示每个通道数据的数据和？ 6 ，8 ，10 这样？

2

1

你需要先找一个合适的采样算法，屏幕上肯定不可能全部去画的

3

数据正常更新，绘图时 raf debounce 就行了，高频低频对接基本都是这个策略

4

使用 canvas 绘制图片，每次重新绘制图片，使用 webworker 加 WebSocket 推送，数据比较大需要后端压缩，前端解压；一秒一次很慢了。。

6

7

顺便推荐个库：Dear ImGui
应该性能是够的

8

我同意 @crysislinux 的建议。不管你是想“一次显示 1 万数据”，还是想“一秒闪烁过一万次数据”都不太现实。想好怎么采样。

9

额，上面我说的不现实，是想着你要绘制“图表”之类的。
如果不是图表，是一些散列点，那一万个像素还是很简单的。应该主流的绘图库都可以支持

10

塞进 influxdb ，绘图事儿就拜托 influxdb 了

11

就是波形图，连接之后的数据流，一直在绘制。我想过最大的容量是每个通道 50W 个点，然后用一个双端队列来存储我的数据。但是我用 echart 来绘制 感觉太卡顿了

12

13

@cleveryun 补充，稀释后的数据量不清楚 echarts 绘制起来卡不卡，你已经用 echart 的可以先试试效果，不行再 canvas 。感觉稀释后 charts 也不会卡，因为数据量不大了。1000px 宽度放 1000 个点（单条曲线的话）。

14

15

这个数据量 plotly 应该还能 hold 的住

16

@kinkin666 觉得按 fps 的频率太琐碎的话，可以 throttle 一下，比如 10ms 搞一搞

17

lightweight-charts
用起来挺舒服的

18

等后续，之前在笔记本上用 echarts 渲染上万个数据点的图就卡，更别说按照成千上万的 FPS 来更新，重采样可能是唯一解。

19

根本没戏，瓶颈在你解析数据这一块而不是在绘制这一块。

20

没必要展示所有的数据，想方法去掉一部分。我画过 1 秒几千个的动态散点图，echarts 没问题

21

用 C++ 写, 使用 imGUI 这样的 Immediate Mode 方式绘制, 然后编译到 wasm/webgl

22

@thevita 我上面推荐的 scichart 就算使用 wasm/webgl 的，性能很不错

23

以前用的 HighCharts ，有个 boost 组件，启用后能渲染大量数据