Ein neues Diagramm wird über die Auswahl "Chart" in der Komponentenselektion erstellt.

Als Konfigurationsoptionen stehen der Komponenten-Titel, ein optionales Chart-Modell und die eigentliche Chart-Konfiguration zur Verfügung.

Chart-Modell

Über das Chart-Modell kann das Diagramm mit einer anderen Selektionskomponente der Anwendung verknüpft werden. Verknüpft man das Chart-Modell beispielsweise mit der Selektion einer Tabelle, dann kann der Chart eine Auswertung für das selektierte Element der Tabelle anzeigen. In diesem Fall muss als " Chart-Konfiguration" eine Funktion angegeben werden, welche aus der selektierten Tabellenzeile die Chart-Konfiguration berechnet.

Chart-Konfiguration

Die "Chart-Konfiguration" ist ein TL-Script-Ausdruck, welcher ein Konfigurationsobjekt für  chart.js   erzeugt. Das Ergebnis des Ausdrucks muss ein  Wörterbücher sein, das die Schlüssel type, data und optional options enthält. Für type stehen als Optionen u.a. bar für ein Balkendiagramm, line für ein Liniendiagramm zur Verfügung. Weitere Chart-Typen sind radar, pie, doughnut, polarArea, bubble, und scatter. Details für die jeweilige Chart-Konfiguration kann der chart.js-Dokumentation entnommen werden.

Im Unterschied zu der in der chart.js-Dokumentation angegebenen Beispielen müssen die Schlüssel-Werte der Chart-Konfiguration in TopLogic immer als Zeichenketten mit Anführungszeichen geschrieben werden. Als Werte können entweder literale Werte, oder TL-Script-Ausdrücke verwendet werden, welche den Wert basierend auf dem Chart-Modell ausrechnen.