Configuring the Chart Manager
divId
Type: string
The id of the div on your page in which you want seats.io to render the chart manager.
Either pass in divId
or container
, but not both.
divId: 'chart-manager'
container
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')
secretKey
Type: string
The secret key of a workspace
Important
Never expose this secret key on a public web page! Only use the chart manager behind a login wall.
secretKey: 'my secret key'
chart
Type: string
The key of the chart you wish to manage
chart: 'e1d13871-d228-1861-9dd3-bbe32ec05e36'
mode
Type: string
Only 'manageRulesets' is currently supported, to manage social distancing rulesets.
language
Type: string
Currently supported languages are:
'nl'
– Dutch'en'
– English'de'
– German'pt'
– Portuguese'es'
– Spanish'fr'
– French
messages
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.
tooltipInfo
Type: function(object)
Return: string
A function whose result will be displayed as extra information on the cursor tooltip. See https://docs.seats.io/docs/renderer-config-tooltipinfo for more info.
showFullScreenButton
Type: boolean
Whether to show the full screen button or not. Defaults to true.
fitTo
Type: string
Whether to adapt to the container div width, or to its width and height.