Graph

The chart module allows for multiple data series in a single graph with automatic scaling. A chart can be zoomed in and out using the scroll wheel. There is also a time span setting to avoid having to scroll in and out and to show older data than the default span (see next section).

Temperatures of cooling units
Temperatures of cooling units

Data time period suitable for your application

The shown data can be easily customized by setting a time span for the graph. The chosen time span is saved in a cookie to avoid forcing the user to set the span on every visit.

  1. Click the cog in the top right of the graph to open the dialog window.
  2. Choose desired span either using the calendar or clicking on of the preset buttons.
  3. Click on 'Show' in the bottom right.
Time span dialog
Time span dialog

Extra Functionality

Attribute list
Attribute list
Don't forget to save the attribute
Don't forget to save the attribute

Synchronized Y-axis

Option that synchronizes the scale of all data series adding their respective scale on the side of the graph. Side scales inherit any custom color set on the series.

Zoom Slider

Slider below the graph that show the current zoom level and span. Can be dragged left or right to control the span without affecting zoom level.

Synchronized graph with zoom slider
Synchronized graph with zoom slider