Skip to main content
Skip table of contents

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.

AttributBeschreibung
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!

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.