From 68a10905e0e18432678a525072e2a79f9de510df Mon Sep 17 00:00:00 2001
From: Viktor Barzin <vbarzin@gmail.com>
Date: Sun, 19 Apr 2026 20:31:53 +0000
Subject: [PATCH] [monitoring] uk-payslip Panel 13: stacked bars +
 sum-in-legend
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

"Monthly cash flow — tax impact (RSU excluded)" was already stacking
group A in normal mode but rendered as 70%-opacity filled lines — the
overlap made the total-per-month figure visually inaccessible.

Switch drawStyle to bars (100% fill, 0-width lineWidth, no per-point
markers) so each month reads as a single stacked bar whose top edge is
the total cash-side deduction. Add "sum" to legend.calcs so the
tax-year totals per series show in the legend table alongside last and
max.

Panel 11 (Tax & pension — monthly, RSU-inclusive) retains the line/
area style so the two panels remain visually distinct.
---
 .../modules/monitoring/dashboards/uk-payslip.json     | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/stacks/monitoring/modules/monitoring/dashboards/uk-payslip.json b/stacks/monitoring/modules/monitoring/dashboards/uk-payslip.json
index eb20a480..77400689 100644
--- a/stacks/monitoring/modules/monitoring/dashboards/uk-payslip.json
+++ b/stacks/monitoring/modules/monitoring/dashboards/uk-payslip.json
@@ -921,20 +921,20 @@
           "unit": "currencyGBP",
           "custom": {
             "axisPlacement": "auto",
-            "drawStyle": "line",
-            "fillOpacity": 70,
+            "drawStyle": "bars",
+            "fillOpacity": 100,
             "gradientMode": "none",
             "hideFrom": {
               "legend": false,
               "tooltip": false,
               "viz": false
             },
-            "lineWidth": 1,
+            "lineWidth": 0,
             "pointSize": 4,
             "scaleDistribution": {
               "type": "linear"
             },
-            "showPoints": "auto",
+            "showPoints": "never",
             "spanNulls": false,
             "stacking": {
               "group": "A",
@@ -1028,7 +1028,8 @@
         "legend": {
           "calcs": [
             "last",
-            "max"
+            "max",
+            "sum"
           ],
           "displayMode": "table",
           "placement": "bottom"