Skip to main content
Skip table of contents

Charts

Charts ("Chart Controls") can be included in an X4 Web App.

Different types of charts can be included:

  • Line chart
  • Bar chart
  • Pie/donut chart
  • Gauge

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

AttributeDescription
title 

Chart title

Possible values: Any string or Data Binding

saveAsImage

Enables the dowload of the charts as image files in SVG format. 

Possible values: 

  • Any string: Defining the file name

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

minHeight

Minimum height of the chart

Possible values: Integer

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

textOverflow

Specifies what happens when the control is full.

Possible values:

  • ellipsis : With ... show that the text is not finished
  • hidden : Break text, care for whole words
  • wordBreak : Break within the word
  • allow (default): Break text between words

The charts are optimized for size specifications in pixels. If an explicit definition of height and width of the diagram is needed, the units attribute should be set to pixels beforehand.

All charts must be filled via data binding!

JavaScript errors detected

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

If this problem persists, please contact our support.