Jump to: navigation, search

Difference between revisions of "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....")
 
(Chart properties)
Line 12: Line 12:
 
* '''PrimaryAxis ([[#ChartAxis|ChartAxis]]):''' the X-axis
 
* '''PrimaryAxis ([[#ChartAxis|ChartAxis]]):''' the X-axis
 
* '''SecondaryAxis ([[#ChartAxis|ChartAxis]]):''' the Y-axis
 
* '''SecondaryAxis ([[#ChartAxis|ChartAxis]]):''' the Y-axis
* '''Series (list of ChartValueSeries):''' all line series visible on the chart
+
* '''Series (list of [[#ChartValueSeries|ChartValueSeries]]):''' all line series visible on the chart
* '''Thresholds (list of ChartThreshold):''' all horizontal thresholds visible on the chart
+
* '''Thresholds (list of [[#ChartThreshold|ChartThreshold]]):''' all horizontal thresholds visible on the chart
  
 
==== ChartAxis ====
 
==== ChartAxis ====
Line 26: Line 26:
 
* '''Name (string):''' the name of the series (will be shown in the legend)
 
* '''Name (string):''' the name of the series (will be shown in the legend)
 
* '''Color (int)''': the color of the line
 
* '''Color (int)''': the color of the line
* '''Items (list of ChartItem):''' the list of data points on the line
+
* '''Items (list of [[#ChartItem|ChartItem]]):''' the list of data points on the line
  
 
==== ChartItem ====
 
==== ChartItem ====

Revision as of 15:42, 23 January 2018

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): the X-axis
  • SecondaryAxis (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