graham/towerops
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: traffic graph invisible — scale dominated by capacity lines (#140)

Browse source 
## Problem
On backhaul devices, the Y axis auto-scale includes capacity reference line values (e.g. 100 Mbps) alongside actual traffic (e.g. 5 Mbps). This makes the traffic data appear as a flat line near zero — effectively invisible.

## Fix
Exclude datasets with `Capacity` prefix from the max-value calculation used for symmetric Y axis scaling. The capacity dashed lines still render and clip at the chart edges as a visual ceiling reference.

## 1-line change
```js
if (dataset.label?.startsWith("Capacity")) return
```

Reviewed-on: graham/towerops-web#140
This commit is contained in:
Graham McIntire 2026-03-24 08:50:49 -05:00 • committed by graham
parent 4a43d9decc
commit cb9becae4e
1 changed files with 2 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/js/app.ts
View file

@ -127,8 +127,10 @@ const SensorChart: SensorChartHook = {
if (autoScale) { if (autoScale) {
if (showZeroLine && unit === 'bps') { if (showZeroLine && unit === 'bps') {
// Find max absolute value to make symmetric scale // Find max absolute value to make symmetric scale
// Exclude capacity reference lines so they don't dominate the scale
let maxAbsValue = 0 let maxAbsValue = 0
datasets.forEach(dataset => { datasets.forEach(dataset => {
if (dataset.label?.startsWith('Capacity')) return
if (dataset.data && dataset.data.length > 0) { if (dataset.data && dataset.data.length > 0) {
dataset.data.forEach((point: ChartDataPoint) => { dataset.data.forEach((point: ChartDataPoint) => {
if (point && typeof point.y === 'number') { if (point && typeof point.y === 'number') {