sjs/spirit-tracker
1
0
Fork 0
mirror of https://github.com/samsonjs/spirit-tracker.git synced 2026-03-25 09:25:51 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

UX Improvements

Browse source
This commit is contained in:
Brennan Wilkes (Text Groove) 2026-02-06 13:03:01 -08:00
parent ae1d98612a
commit 952a6c6aba
1 changed files with 19 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
viz/app/stats_page.js
View file

@ -438,9 +438,8 @@ function computeSeriesFromRaw(raw, filter) {
/* ---------------- y-axis bounds ---------------- */
function computeYBounds(seriesByStore, defaultAbs) {
let mn = Infinity;
let mx = -Infinity;
function computeYBounds(seriesByStore, minSpan = 6, pad = 1) {
let mn = Infinity, mx = -Infinity;
for (const arr of Object.values(seriesByStore || {})) {
if (!Array.isArray(arr)) continue;
@ -451,13 +450,24 @@ function computeYBounds(seriesByStore, defaultAbs) {
}
}
if (mn === Infinity) return { min: -defaultAbs, max: defaultAbs };
if (mn === Infinity) return { min: -minSpan / 2, max: minSpan / 2 };
const min = Math.min(-defaultAbs, Math.floor(mn));
const max = Math.max(defaultAbs, Math.ceil(mx));
return { min, max };
// pad a bit so lines aren't glued to edges
mn = Math.floor(mn - pad);
mx = Math.ceil(mx + pad);
// enforce a minimum visible range so it doesn't get *too* tight
const span = mx - mn;
if (span < minSpan) {
const mid = (mn + mx) / 2;
mn = Math.floor(mid - minSpan / 2);
mx = Math.ceil(mid + minSpan / 2);
}
return { min: mn, max: mx };
}
/* ---------------- prefs ---------------- */
const LS_GROUP = "stviz:v1:stats:group";
@ -842,8 +852,7 @@ export async function renderStats($app) {
maxPrice: selectedMaxPrice,
});
const abs = group === "all" ? 12 : 8;
const yBounds = computeYBounds(series.seriesByStore, abs);
const yBounds = computeYBounds(series.seriesByStore, group === "all" ? 8 : 6, 1);
await drawOrUpdateChart(series, yBounds);
@ -878,8 +887,7 @@ export async function renderStats($app) {
maxPrice: selectedMaxPrice,
});
const abs = group === "all" ? 12 : 8;
const yBounds = computeYBounds(series.seriesByStore, abs);
const yBounds = computeYBounds(series.seriesByStore, group === "all" ? 8 : 6, 1);
await drawOrUpdateChart(series, yBounds);