mates-charts · reactive highcharts

Every chart.
One component.

mates-charts is a thin, typed wrapper over Highcharts — you write the standard Highcharts config object, and it wraps it in a reactive mates atom so updates are one set() away. Same config in, chart out: if Highcharts can do it, mates-charts can do it. Pick a family below for live examples, option tables and copy-paste snippets.

28 chart families · 129 live examples
Powered by Highcharts 12
1 component
Light & dark themes

Mates Charts — Reactive Highcharts for the mates framework

mates-charts wraps Highcharts in a single typed, reactive component. Create a chart atom with standard Highcharts options, render it in any mates template, and update it by setting the atom — no imperative chart code.

npm install mates-charts highcharts

Chart types: line, spline, area, column, bar, pie, donut, scatter, bubble, gauge, solid gauge, waterfall, box plot, heatmap, treemap, funnel, pyramid and any Highcharts series type.

Enable JavaScript to browse the live catalog.

Every chart.One component.

Every chart.
One component.