2. Page color rules
Page color rules worden door widgets gebruikt zodra ze usePageColorRules ondersteunen.
| Rule type |
Keys |
Beschrijving |
value | value, color, caseSensitive | Exact value match. |
range | min, max, minInclusive, maxInclusive, scale, color | Numerieke range met absolute of percent schaal. |
index-range | minPercent, maxPercent, minInclusive, maxInclusive, color | Index/positie-percentielrange voor widgets die op volgorde kleuren. |
date | mode, anchor, color | Datumvergelijking. mode kan before, beforeOrOn, after of afterOrOn zijn; anchor ondersteunt nu today. |
{
"colorRules": [
{ "kind": "value", "value": "critical", "color": "#dc2626", "caseSensitive": false },
{ "kind": "range", "min": 80, "max": 100, "minInclusive": true, "maxInclusive": true, "scale": "absolute", "color": "#f59e0b" },
{ "kind": "date", "mode": "before", "anchor": "today", "color": "#ef4444" }
]
}
Page color rules worden alleen toegepast door widgets of kolommen die dit aanzetten, bijvoorbeeld met usePageColorRules: true. Toegestane waarden voor pageColorSource: label, group, value, y. y is bedoeld voor 3D charts.
3. Page value rules
| Key |
Waarden |
Beschrijving |
value | string | Match inputwaarde. |
replacement | string | Vervangwaarde. |
replacementType | string | Toegestane waarden: text, html, svg, icon, png. Rendermodus. |
matchMode | string | Toegestane waarden: exact, regex. Exacte match of regex. |
caseSensitive | boolean | Case-sensitive matching. |
maxHeightEm | number | Max hoogte van visuele replacements. |
{
"valueRules": [
{ "value": "critical", "replacement": "Critical", "replacementType": "text", "matchMode": "exact" },
{ "value": "^warn", "replacement": "pi pi-exclamation-triangle", "replacementType": "icon", "matchMode": "regex", "caseSensitive": false }
]
}
Page value rules worden hergebruikt door widgets of tabelkolommen met usePageValueRules: true. Widget-level regels blijven nuttig voor lokale overrides.
