X4 Produktdokumentation
X4 Produktdokumentation
Breadcrumbs

Chart


In einer X4 Web App können Charts eingebunden werden.

Es können verschiedene Arten von Charts eingebunden werden:

  • Liniendiagramm

  • Balkendiagramm

  • Kreis-/Donutdiagramm

  • Tacho

Alle Diagramme in einem Layout müssen innerhalb eines <Chart>-Elements definiert werden.

Attribut

Beschreibung

title

Titel des Charts.

Mögliche Werte: Beliebige Zeichenkette oder Data Binding

subtitle

Untertitel des Charts.

Mögliche Werte: Beliebige Zeichenkette oder Data Binding

saveAsImage

Ermöglicht das Herunterladen des Charts als Bilddatei im SVG-Format.

Mögliche Werte:

  • Beliebiger String: Legt den Dateinamen fest.

  • TIMESTAMP: Dateiname besteht aus dem String "Chart_" und einem Zeitstempel

minHeight

Minimale Höhe des Charts

Mögliche Werte: Ganzzahl

Wird das Attribut minHeight nicht explizit gesetzt, werden Charts mit einer Höhe von 400 Pixeln angezeigt.

textOverflow

Gibt an, was passieren soll, wenn das Control voll ist.

Mögliche Werte:

  • ellipsis : Mit ... zeigen, dass der Text nicht zu Ende ist

  • hidden : Text abbrechen, auf ganze Wörter achten

  • wordBreak : innerhalb des Wortes abbrechen

  • allow  (Standard): Text zwischen den Wörtern umbrechen


Die Charts sind auf Größenangaben in Pixeln optimiert. Wenn eine ausdrückliche Definition von Höhe und Breite des Charts benötigt wird, sollte zuvor das Attribut units  auf pixels gesetzt werden.


Alle Charts müssen per Data Binding befüllt werden!