`gds-chart` — Chart

Documentație online (fără download) — citește aici pe Wiki.
Pachete npm: Package Registry · contracte în @gstack/gds-core.

BlockKind: chart
Secțiune paletă: BLOCKS · Class: GdsChartComponent · Pachet: @gstack/gds-angular
Data contract: ChartData din @gstack/gds-core

Ce reprezintă

Grafic mockup: bar, hbar, line, area sau donut — pentru dashboard-uri.

Inputs

Nume	Tip	Default	Descriere
data	ChartData	required	title, bars[], variant?, labels?, highlightEvery?, showValues?

Outputs

Niciunul.

Cum se folosește

<gds-chart [data]="{
  title: 'Volume săptămânale',
  variant: 'bar',
  bars: [40, 55, 30, 70, 45, 60],
  labels: ['L', 'M', 'M', 'J', 'V', 'S'],
  showValues: true
}" />

Note pentru agenți (Cursor)

• bars: 6–12 puncte (segmente la donut).
• variant default: bar.
• Nu inventa props în afara tipului ChartData.
• Stiluri: doar tokens GDS / --gds-accent; fără hex hardcodat.

Sursă

• projects/gds-angular/src/lib/components/gds-chart.component.ts
• projects/gds-core/src/lib/blocks.ts