X4 Produktdokumentation
X4 Produktdokumentation
Breadcrumbs

Chart

Mit <Chart>-Controls können Sie folgende Diagramme in eine Web App einbinden:

  • Balkendiagramm

  • Tachodiagramm

  • Liniendiagramm

  • Kreis-/Donutdiagramm

Hinweise zur Verwendung

Ein <Chart>-Control wird mit dem Element <Chart> erzeugt.

XML
<Chart>
...
</Chart>

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

Attribute

Hinweis:

Es gibt eine Reihe von Standardattributen, die für alle Controls festgelegt werden können. Weitere Informationen zu den Standardattributen finden Sie unter Standardattribute.

Zusätzlich zu den Standardattributen können Sie die folgenden Attribute für <Chart>-Controls definieren.

Attribut

Beschreibung

minHeight

Minimale Höhe des Charts

Mögliche Werte: Ganzzahl

Hinweis:

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

saveAsImage

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

Mögliche Werte:

  • Beliebige Zeichenkette: Legt den Dateinamen fest.

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

subtitle

Untertitel des Charts

Mögliche Werte:

  • Beliebige Zeichenkette

  • Ausdruck für Data Binding

title 

Titel des Charts

Mögliche Werte:

  • Beliebige Zeichenkette

  • Ausdruck für Data Binding

Hinweis

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.