Changes
Charts
,Created page with "We have provided a default chart template that can be used anywhere. In our standard application, a chart is visible when clicking a Chart type property in the property list...."
We have provided a default chart template that can be used anywhere.
In our standard application, a chart is visible when clicking a Chart type property in the property list. A dialog will show up, displaying the chart.
== Chart properties ==
The chart receives its data from a property containing a ChartData object. This object is packed with customizable data that the chart template binds to.
This data is received from the server. However, you may also customize the chart template to your liking to override certain values.
Here is a breakdown of all the date, and how it is represented in the UI:
==== ChartData ====
* '''Header (string):''' title of the chart
* '''PrimaryAxis ([[#ChartAxis|ChartAxis]]):''' the X-axis
* '''SecondaryAxis ([[#ChartAxis|ChartAxis]]):''' the Y-axis
* '''Series (list of ChartValueSeries):''' all line series visible on the chart
* '''Thresholds (list of ChartThreshold):''' all horizontal thresholds visible on the chart
==== ChartAxis ====
* '''Header (string):''' the label of the axis
* '''Interval (double):''' the interval between gridlines on the axis
* '''DateTimeIntervalType (int):''' the interval type in case of a date axis
* '''LabelFormat (string):''' the format string to define how value labels are formatted
* '''Minimum (object):''' the minimum value to display on the axis
* '''Maximum (object):''' the maximum value to display on the axis
==== ChartValueSeries ====
* '''Name (string):''' the name of the series (will be shown in the legend)
* '''Color (int)''': the color of the line
* '''Items (list of ChartItem):''' the list of data points on the line
==== ChartItem ====
* '''XValue (object):''' the X value of the data point
* '''YValue (object):''' the Y value of the data point
==== ChartThreshold ====
* '''Value (object):''' the value of the threshold (on the Y-axis)
* '''Color (int):''' the color of the threshold line
In our standard application, a chart is visible when clicking a Chart type property in the property list. A dialog will show up, displaying the chart.
== Chart properties ==
The chart receives its data from a property containing a ChartData object. This object is packed with customizable data that the chart template binds to.
This data is received from the server. However, you may also customize the chart template to your liking to override certain values.
Here is a breakdown of all the date, and how it is represented in the UI:
==== ChartData ====
* '''Header (string):''' title of the chart
* '''PrimaryAxis ([[#ChartAxis|ChartAxis]]):''' the X-axis
* '''SecondaryAxis ([[#ChartAxis|ChartAxis]]):''' the Y-axis
* '''Series (list of ChartValueSeries):''' all line series visible on the chart
* '''Thresholds (list of ChartThreshold):''' all horizontal thresholds visible on the chart
==== ChartAxis ====
* '''Header (string):''' the label of the axis
* '''Interval (double):''' the interval between gridlines on the axis
* '''DateTimeIntervalType (int):''' the interval type in case of a date axis
* '''LabelFormat (string):''' the format string to define how value labels are formatted
* '''Minimum (object):''' the minimum value to display on the axis
* '''Maximum (object):''' the maximum value to display on the axis
==== ChartValueSeries ====
* '''Name (string):''' the name of the series (will be shown in the legend)
* '''Color (int)''': the color of the line
* '''Items (list of ChartItem):''' the list of data points on the line
==== ChartItem ====
* '''XValue (object):''' the X value of the data point
* '''YValue (object):''' the Y value of the data point
==== ChartThreshold ====
* '''Value (object):''' the value of the threshold (on the Y-axis)
* '''Color (int):''' the color of the threshold line