dandri/meshcore-analyzer
1
0
Fork 0
mirror of https://github.com/Kpa-clawbot/meshcore-analyzer.git synced 2026-08-29 00:58:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(rf-health): offset TX/RX airtime labels when overlapping

Browse Source 
When TX and RX values are within 12px, TX label shifts up and RX shifts
down to avoid rendering on top of each other.
This commit is contained in:
you
2026-04-05 06:31:02 +00:00
parent 232770a858
commit 596ccf2322
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/analytics.js
+10 -2
View File
@@ -2993,7 +2993,11 @@ function destroy() { _analyticsData = {}; _channelData = null; if (_ngState && _
const lastTx = txData[txData.length - 1];
const lx = sx(new Date(lastTx.t).getTime());
const ly = sy(lastTx.v);
svg += `<text x="${(lx + 4).toFixed(1)}" y="${(ly + 3).toFixed(1)}" font-size="9" fill="var(--danger, #e74c3c)">TX ${lastTx.v.toFixed(1)}%</text>`;
// Offset label up if RX label would overlap (within 12px)
const lastRx = rxData.length > 1 ? rxData[rxData.length - 1] : null;
const rxLy = lastRx ? sy(lastRx.v) : Infinity;
const txLabelY = (Math.abs(ly - rxLy) < 12) ? ly - 8 : ly + 3;
svg += `<text x="${(lx + 4).toFixed(1)}" y="${txLabelY.toFixed(1)}" font-size="9" fill="var(--danger, #e74c3c)">TX ${lastTx.v.toFixed(1)}%</text>`;
}
// RX line (blue)
@@ -3004,7 +3008,11 @@ function destroy() { _analyticsData = {}; _channelData = null; if (_ngState && _
const lastRx = rxData[rxData.length - 1];
const lx = sx(new Date(lastRx.t).getTime());
const ly = sy(lastRx.v);
svg += `<text x="${(lx + 4).toFixed(1)}" y="${(ly + 3).toFixed(1)}" font-size="9" fill="var(--info, #3498db)">RX ${lastRx.v.toFixed(1)}%</text>`;
// Offset label down if TX label is nearby
const lastTx = txData.length > 1 ? txData[txData.length - 1] : null;
const txLy = lastTx ? sy(lastTx.v) : -Infinity;
const rxLabelY = (Math.abs(ly - txLy) < 12) ? ly + 12 : ly + 3;
svg += `<text x="${(lx + 4).toFixed(1)}" y="${rxLabelY.toFixed(1)}" font-size="9" fill="var(--info, #3498db)">RX ${lastRx.v.toFixed(1)}%</text>`;
}
// X-axis labels