visualizer: limit history plot to 300 packets

The drawing gets slow with too many points.
This commit is contained in:
Simon Ruderich 2024-05-11 15:18:10 +02:00
parent bc2f5ca76c
commit a2e23fceff
1 changed files with 10 additions and 0 deletions

View File

@ -3,6 +3,7 @@ const traceEvent = Symbol('trace-event');
const tracePacket = Symbol('trace-packet');
const traceMaxEvents = 200;
const historyMaxPackets = 300;
const state = {
@ -171,12 +172,21 @@ function addHistory(packet) {
}
}
// Limit to historyMaxPackets items
const shift = chartHistoryHz.data.labels.length == historyMaxPackets;
if (shift) {
chartHistory.data.labels.shift();
}
let i = 0;
for (const x of keys) {
let data = packet[x];
if (data == -1e38 /* "NaN" */) {
data = undefined;
}
if (shift) {
chartHistory.data.datasets[i].data.shift();
}
chartHistory.data.datasets[i].data.push(data);
i++;
}