Single & Multi-Bar

Multi-bar control is used to display historical graphs of data with the same physical dimension. With this control you can display up to 4 different data. A simplified version of this control – the single bar control – allows you to display a single data in the same way. 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: only available on multi-line versions of this control. Since these graphs only display data of the same physical dimension, choose the dimension you want to see here.
  • 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.
  • Behavior: allows this specific bar to become stackable.
  • 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 forced mode (grouped or stacked), or choose free to have the selector displayed at the top left of the chart.
  • 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.
  • 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.