Charts tests

charts: area / bar / donut / radial + theme-aware re-render (toggle the theme)

charts — g.chart, a theme-aware wrapper over ApexCharts

Each chart below was written with only data + intent. Colors, fonts, axes, grid and the tooltip come from the live CSS theme tokens. The palette is the theme colors (--bs-primary, --bs-success, …), so per-app distinctiveness lives in the SCSS variables.

Toggle the theme (user menu, top-right) and watch every chart re-render into the new theme — no page reload, no per-chart code.

Visitors
12.4k
Orders
1,823
Revenue
$38.5k
Tickets
312

Area — gradient, two series

type: 'area'

Donut

type: 'donut'

Bar — grouped columns

type: 'bar'

Radial — gauges

type: 'radialBar'

Line

type: 'line'

Instance API — acts on the Area chart