CHARTS

Mit dem CHARTS-Service kannst du Diagramme direkt im Chat rendern. Aktuell wird ein Radar-Chart (Spinnennetz-Diagramm) unterstützt, mit dem du z. B. Ergebnisse einer Selbsteinschätzung oder Kompetenzprofile visualisieren kannst.

---

.radar(data, labels?, color?, options?)

Erstellt ein Radar-Chart (Spinnennetz-Diagramm) mit den angegebenen Werten und optionalen Achsenbeschriftungen.

Parameter	Typ	Pflicht	Beschreibung
data	number[]	ja	Array mit den Datenwerten für jede Achse.
labels	string[]	nein	Array mit den Beschriftungen der Achsen. Muss die gleiche Länge wie data haben.
color	string	nein	Farbe der Datenlinie und Füllung (z. B. '#FF5733' oder 'rgba(75,192,192,0.6)').
options	{ cssClass: string }	nein	Zusätzliche Optionen. Mit cssClass kannst du eine eigene CSS-Klasse für den Chart-Container setzen.

// Einfaches Radar-Chart mit Werten und Beschriftungen
RAGAI.CHARTS.radar(
  [0, 2, 3, 5, 6],
  ['Achse A', 'Achse B', 'Achse C', 'Achse D', 'Achse E']
);

// Radar-Chart mit eigener Farbe
RAGAI.CHARTS.radar(
  [4, 3, 5, 2, 4, 1],
  ['Kommunikation', 'Teamwork', 'Fachwissen', 'Kreativität', 'Organisation', 'Führung'],
  '#3498db'
);

// Radar-Chart mit CSS-Klasse für individuelles Styling
RAGAI.CHARTS.radar(
  [1, 4, 2, 5, 3],
  ['A', 'B', 'C', 'D', 'E'],
  '#e74c3c',
  { cssClass: 'mein-radar-chart' }
);