bugfix dashboard
This commit is contained in:
@@ -10,7 +10,7 @@ Eigen vermogen · Schulden · Voortgang · Gebruikersbeheer
|
||||

|
||||

|
||||

|
||||

|
||||

|
||||

|
||||
|
||||
<img src="docs/screenshot-dashboard.png" alt="VibeFinance dashboard" width="820">
|
||||
@@ -181,6 +181,16 @@ inleglijn is per definitie gelijk aan de KPI "Totaal geïnvesteerde fiat" — be
|
||||
rekenen het oudste voortgangsmoment als startinleg en tellen daar de stortingen
|
||||
per rij bij op.
|
||||
|
||||
De x-as noemt maanden (`sep '26`), niet losse datums: de grafiek rekent uit
|
||||
hoeveel labels er naast elkaar passen en toont er zoveel, terugtellend vanaf het
|
||||
laatste punt zodat dat er altijd bij staat. Bij een langere reeks dunt hij
|
||||
vanzelf verder uit. De exacte dag lees je in de tooltip. De vermogenslijn is een
|
||||
Catmull-Rom spline; de inleglijn krijgt bewust rechte segmenten, omdat een
|
||||
spline tussen twee punten iets buiten hun bereik uitschiet en dat bij een reeks
|
||||
die nooit terugloopt een daling zou tekenen die er niet is. Beide lijnen delen
|
||||
de tekenhulp in
|
||||
[`frontend/src/utils/grafiek.js`](frontend/src/utils/grafiek.js).
|
||||
|
||||
Onder **Instellingen** kies je een van de negen kleurthema's. Thema en
|
||||
licht/donker staan los van elkaar: het thema levert het accent, de schakelaar de
|
||||
ondergrond. De paletten staan in
|
||||
@@ -233,7 +243,8 @@ vibefinance/
|
||||
│ ├── main.jsx
|
||||
│ ├── version.js # Draaiende versie (__APP_VERSION__ uit de build)
|
||||
│ ├── constants/ # index.js (kleuren, tabs, begindata), themas.js
|
||||
│ ├── utils/ # format.js (bedragen/datums), storage.js
|
||||
│ ├── utils/ # format.js (bedragen/datums), storage.js,
|
||||
│ │ # grafiek.js (SVG-padberekening)
|
||||
│ ├── hooks/ # useTheme, useUpdateCheck, useKolomBreedtes
|
||||
│ ├── context/ # AppContext (global state + API sync + backup)
|
||||
│ ├── components/
|
||||
|
||||
Reference in New Issue
Block a user