Skip to contentSkip to navigationSkip to topbar
Paste assistant Assistant
Figma
Star

Chart Provider

Version 2.0.1GithubStorybookDesign assets pendingPeer review pending

Chart Provider is a data visualization component used to wrap an individual chart to store and share state to child charting elements.

Guidelines

Guidelines page anchor

Chart Provider is a wrapper around Highcharts that provides a consistent API for configuring an individual chart instance. This component has no visible elements and is an engineering asset only. It acts as a store for chart options and provides a context for managing chart state.

We highly recommend using our BaseChart code inside the ChartProvider to ensure that the chart is rendered correctly and state is correctly stored.

Custom charts

Custom charts page anchor

You can use the highchartsOptions to create unsupported charts by passing the Higcharts config directly to the base chart without modification. We recommend using our wrappers for easier migration and a simpler way of accessing the rendered chart object for building custom interactions.

(warning)

Compatibility

If you build charts using the Highcharts API it will be unlikely that our Paste data visualization components will function correctly as they depend on helper funcitons and event tracking that we enrich the default options with.