Charts
Reactive charts powered directly by MIT-licensed Chart.js with Neural-Blue aesthetics. Grouped, stacked, horizontal bars, area, pie, donut and Pareto diagram — all with integrated colors, tooltip, legend and an accessible data fallback.
TypeScript
import { NeuChartComponent } from '@neural-ui/core/chart';
import type { NeuChartSeries } from '@neural-ui/core/chart';Grouped vertical bars
Chart.js docs ↗HTML
<neu-chart
type="bar"
[series]="barSeries"
[categories]="months"
[height]="280"
/>
// series: NeuChartSeries[]
barSeries = [
{ name: 'Revenue', data: [420, 580, 510, 740, 870, 760, 920, 960, 840, 1120, 1050, 1230] },
{ name: 'Costs', data: [310, 390, 350, 490, 560, 510, 610, 640, 550, 720, 680, 790] },
];