StateBook Chart API Examples

The following are examples of using different size constraints for StateBook component packs. These customizations would also work for dashboards and individual charts.

1. Constrained with scrollbar

The following example uses a div with a width of 640px. It uses the default componentPack, which defaults to using a scrollbar and a limited number of columns.


2. Constrained without scrollbar

The following example uses a div with a width of 900px and a height of 600px. It uses the customized componentPack with the scrollbar turned off.


3. Constrained using API options

The following example uses options within the StateBook API to control the height and width. It uses an individual chart, which allows for smaller charts due to the lack of controls.