Skip to main content

Configuring the Chart Manager


Type: string

The id of the div on your page in which you want to render the chart manager.

Either pass in divId or container, but not both.

divId: 'chart-manager'


Type: Element

The parent Element in which the chart manager gets rendered.

Either pass in container or divId, but not both.

container: document.getElementById('chart')


Type: string
The secret key of a workspace


Never expose this secret key on a public web page! Only use the chart manager behind a login wall.

secretKey: 'my secret key'


Type: string

The key of the chart you wish to manage

chart: 'e1d13871-d228-1861-9dd3-bbe32ec05e36'


Type: string

Only 'manageRulesets' is currently supported, to manage social distancing rulesets.


Type: string

Currently supported languages are:

  • 'nl' – Dutch
  • 'en' – English
  • 'de' – German
  • 'pt' – Portuguese
  • 'es' – Spanish
  • 'fr' – French


Type: object

The messages parameter allows you to change all kinds of texts that are displayed on the chart: section labels, tooltip texts, static text objects ... you name it. Just pass in an object with the original texts as keys, and the translations as values. For a more detailed explanation, check this page.


Type: function(object)
Return: string

A function whose result will be displayed as extra information on the cursor tooltip. See for more info.


Type: boolean

Whether to show the full screen button or not. Defaults to true.


Type: string

Whether to adapt to the container div width, or to its width and height.