Gráficas
Gráficas reactivas basadas directamente en Chart.js bajo licencia MIT con estética Neural-Blue. Barras agrupadas, apiladas, horizontales, área, pie, donut y Pareto, con colores, tooltip, leyenda y alternativa de datos accesible.
TypeScript
import { NeuChartComponent } from '@neural-ui/core/chart';
import type { NeuChartSeries } from '@neural-ui/core/chart';Barras verticales agrupadas
Docs de Chart.js ↗| Etiqueta | Ingresos | Costes |
|---|---|---|
| Ene | 420 | 310 |
| Feb | 580 | 390 |
| Mar | 510 | 350 |
| Abr | 740 | 490 |
| May | 870 | 560 |
| Jun | 760 | 510 |
| Jul | 920 | 610 |
| Ago | 960 | 640 |
| Sep | 840 | 550 |
| Oct | 1120 | 720 |
| Nov | 1050 | 680 |
| Dic | 1230 | 790 |
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] },
];