[PROTOTYPE] DRAFT apply configured data element/indicator color

[karolinelien]

Draft prototype — not for merge.

Spike of letting a visualization use each data element's / indicator's configured style.color (set in Maintenance)
instead of the color-set palette, via a single toggle in Style → Color set: "Use configured item color when available."

Behaviour

Colour-source precedence: Legend > configured item color > color set.

• Legend on → legend controls colours (unchanged). The toggle's help text reflects this.
• Legend off + toggle on → each item with a configured style.color uses it; items without one fall back to the color set.
• Toggle off → current behaviour (color set).

Try it (Netlify preview)

1. Open the favorite ANC: Key Coverages (indicators ANC 1/2/3 Coverage — each has a colour configured on play).
2. Style → Color set → tick "Use configured item color when available" → Update.
3. Bars repaint to the configured colours; untick + Update returns to the palette.

What's here

Area	Change
Option	New useItemColor option, savable, added to the column-chart option set
Fetch	style[color] added to the item field set
UI	Checkbox + help text above the palette in ColorSet.jsx
Render	applyConfiguredItemColors() injects series[i].color from style.color (skips when legend active)
Dependency	patch-package patch for @dhis2/analytics so the chart adapter honours a per-series colour

Caveats (prototype scope)

• ⚠️ Does not persist yet — backend dependency. useItemColor is not a property on the DHIS2 Visualization schema, so on save the backend silently drops it (metadata import ignores unknown properties) and the toggle resets on reload. The colour applies at render time and survives an in-session Update, but not save/reload.
• Column charts only validated.
• Analytics behaviour shipped as a patch-package patch; the one-line change belongs upstream in @dhis2/analytics for a real feature.
• No tests added.

AI Assisted

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[dhis2-bot]

🚀 Deployed on https://pr-3469.data-visualizer.netlify.dhis2.org