X4 Help Center

Chart

Charts can be integrated into an X4 Web App.

Different types of charts can be included:

  • Line chart

  • Bar chart

  • Pie/donut chart

  • Tacho

All charts in a layout must be defined within a <Chart> element.

Attribute

Description

title

Title of the chart.

Possible values: Any string or data binding

subtitle

Subtitle of the chart.

Possible values: Any string or data binding

saveAsImage

Allows you to download the chart as an image file in SVG format.

Possible values:

  • Any string: Specifies the file name.

  • TIMESTAMP: File name consists of the string "Chart_" and a timestamp

minHeight

Minimum chart height

Possible values: Integer

If the minHeight attribute is not explicitly set, charts are displayed with a height of 400 pixels.

textOverflow

Specifies what should happen when the control is full.

Possible values:

  • ellipsis : Use ... to show that the text is not finished

  • hidden : Break off text, watch for whole words

  • wordBreak : Break off text within word

  • allow (default): break off text between words

The charts are optimized for size values in pixels. If an explicit definition of the height and width of the chart is required, the units attribute should first be set to pixels.

All charts must be filled using data binding!