bugfix dashboard
This commit is contained in:
@@ -179,9 +179,13 @@ function MiniLineChart({ vData, fiatData, darkMode, T }) {
|
||||
const mx = Math.max(...vals, ...fVals) * 1.05;
|
||||
const rng = mx - mn || 1;
|
||||
const iW = W - pl - pr, iH = H - pt - pb;
|
||||
// Eén label "sep '26" is bij deze lettergrootte ongeveer 46px breed. Zoveel
|
||||
// passen er dus naast elkaar; de rest wordt overgeslagen.
|
||||
const labelStap = Math.max(1, Math.ceil(vData.length / Math.max(1, Math.floor(iW / 46))));
|
||||
// Eén label "sep '26" is bij deze lettergrootte ongeveer 54px breed inclusief
|
||||
// wat lucht ernaast. Zoveel passen er naast elkaar; de rest wordt
|
||||
// overgeslagen. De stap telt vanaf het láátste punt terug, niet vanaf het
|
||||
// eerste: dat punt is de datum waar je naar kijkt en moet er altijd bij staan.
|
||||
// Forceerden we hem er los bovenop, dan botste hij op willekeurige afstand
|
||||
// tegen zijn voorganger — precies wat er eerst misging.
|
||||
const labelStap = Math.max(1, Math.ceil(vData.length / Math.max(1, Math.floor(iW / 54))));
|
||||
const xs = vData.map((_, i) => pl + (i / Math.max(vData.length - 1, 1)) * iW);
|
||||
const ys = vals.map((v) => pt + (1 - (v - mn) / rng) * iH);
|
||||
const fYs = fVals.map((v) => pt + (1 - (v - mn) / rng) * iH);
|
||||
@@ -316,7 +320,9 @@ function MiniLineChart({ vData, fiatData, darkMode, T }) {
|
||||
kijkt. De exacte dag lees je in de tooltip. */}
|
||||
{xs.map((x, i) => {
|
||||
const laatste = i === xs.length - 1;
|
||||
if (i % labelStap !== 0 && !laatste) return null;
|
||||
// Terugtellen vanaf het eind: het laatste punt valt zo vanzelf op een
|
||||
// stap en houdt volle afstand tot zijn voorganger.
|
||||
if ((xs.length - 1 - i) % labelStap !== 0) return null;
|
||||
return (
|
||||
<g key={i}>
|
||||
<line x1={x} y1={pt + iH} x2={x} y2={pt + iH + 4}
|
||||
|
||||
Reference in New Issue
Block a user