Stacked Areas

Stacked areas control is used to display, in a stacked manner, types of measurements with identical physical dimensions for historical data. To configure this shortcode, you must specify the following settings:

  • Period type and Period: these two parameters are used to specify the display time period. When the period type is set to a fixed period, the period you specify will always be the same regardless of the display conditions. On the other hand, when the period type is set to a sliding period, the period you specify will be relative to the current date. For example, to display the chart that always matches the previous season (relative to the current date), choose “Sliding Season” and “Season – 1”.
  • Dimension: choose the dimension in which you want to select measurements.
  • Module: just select a module attached to your station, it must be a real or a virtual module (identified by a name in square brackets).
  • Measurement: select from a list of all measurement types of the chosen physical dimension.
  • Dataset: choose here the dataset related to the compilation operation.
  • Template: this is the chart layout template, choose “Neutral” for a template to be formatted by yourself via CSS, or choose a predefined template.
  • Color scheme: specifies the colors to use for lines and surfaces. These color sets all use the ColorBrewer standard developed by Cynthia Brewer except, of course, the one that is specific to the template.
  • Label: the type of label for the chart.
  • Control: choose between a stacked graph and an expanded one.
  • Height: the height starts at XS (150 pixels) up to XL (555 pixels).
  • Time Scale and Value Scale: Specify how the X axis (time) and Y axis (values) scales of the graph behave.
  • Interpolation: provides the ability to edit array lines and boundaries without changing the displayed values.
  • Data: the data loading setting specifies how the control accesses the data it displays. “Inline” indicates that the data is loaded inside the page source (this data will be refreshed only when the page is refreshed). “Ajax Preload” gives the control the ability to load data via ajax, but it will not attempt to refresh them on a regular basis. “Ajax Refresh” allows the control to refresh regularly the data it displays.
Shortcode for Single & Multi-Line

   After you have set the parameters as you wish, click on the "copy" button then paste the shortcode into the page or the post, where you want the control to appear.


Displayable Data

This chart displays historical values.

Refreshing Mode

Refresh occurs at page load (with or without ajax preload) or automatically every 1 hour.