Framework props

The framework bindings wrap the same two chart entry points, so they take the same props — spelled the way each framework expects. Every prop below links to its counterpart in Chart props and Callbacks and payloads, which describe the behaviour and the payloads in full.

This page is generated from the binding packages' own prop declarations, so a prop added to one binding but not another cannot go unnoticed.

Name mapping

Every core prop and the name each binding gives it. Names match the core reference unless the framework's conventions call for something else — Angular exposes callbacks as outputs (no on prefix), and the state factories become placeholder components (templates in Lit).

Core prop	React	Svelte	Vue	Lit	Angular
config	config	config	config	config	config
data	data	data	data	data	data
mochartConfig	mochartConfig	mochartConfig	mochartConfig	mochartConfig	mochartConfig
dataProvider	dataProvider	dataProvider	dataProvider	dataProvider	dataProvider
width	width	width	width	width	width
height	height	height	height	height	height
style	—	—	—	—	—
loading	loading	loading	loading	loading	loading
error	error	error	error	error	error
focusedCategoryIndex	focusedCategoryIndex	focusedCategoryIndex	focusedCategoryIndex	focusedCategoryIndex	focusedCategoryIndex
focusedValueAxisId	focusedValueAxisId	focusedValueAxisId	focusedValueAxisId	focusedValueAxisId	focusedValueAxisId
focusedSeriesId	focusedSeriesId	focusedSeriesId	focusedSeriesId	focusedSeriesId	focusedSeriesId
filteredSeriesIds	filteredSeriesIds	filteredSeriesIds	filteredSeriesIds	filteredSeriesIds	filteredSeriesIds
getLoadingComponent	loadingComponent	loadingComponent	loadingComponent	loadingTemplate	loadingComponent
getErrorComponent	errorComponent	errorComponent	errorComponent	errorTemplate	errorComponent
getNoDataComponent	noDataComponent	noDataComponent	noDataComponent	noDataTemplate	noDataComponent
getNoSizeComponent	noSizeComponent	noSizeComponent	noSizeComponent	noSizeTemplate	noSizeComponent
getNoSeriesComponent	noSeriesComponent	noSeriesComponent	noSeriesComponent	noSeriesTemplate	noSeriesComponent
getConfigErrorComponent	configErrorComponent	configErrorComponent	configErrorComponent	configErrorTemplate	configErrorComponent
onChartClick	onChartClick	onChartClick	onChartClick	onChartClick	chartClick
onSliceClick	onSliceClick	onSliceClick	onSliceClick	onSliceClick	sliceClick
onSeriesClick	onSeriesClick	onSeriesClick	onSeriesClick	onSeriesClick	seriesClick
onChartMouseEnter	onChartMouseEnter	onChartMouseEnter	onChartMouseEnter	onChartMouseEnter	chartMouseEnter
onChartMouseMove	onChartMouseMove	onChartMouseMove	onChartMouseMove	onChartMouseMove	chartMouseMove
onChartMouseLeave	onChartMouseLeave	onChartMouseLeave	onChartMouseLeave	onChartMouseLeave	chartMouseLeave
onTitleClick	onTitleClick	onTitleClick	onTitleClick	onTitleClick	titleClick
onFocus	onFocus	onFocus	onFocus	onFocus	focusChange
onSeriesFilter	onSeriesFilter	onSeriesFilter	onSeriesFilter	onSeriesFilter	seriesFilter
onSeriesLayoutBoundsChange	onSeriesLayoutBoundsChange	onSeriesLayoutBoundsChange	onSeriesLayoutBoundsChange	onSeriesLayoutBoundsChange	seriesLayoutBoundsChange

React

@mochart/react — component props on Chart and DefaultChart. See the React guide for setup and examples.

• No style prop: the binding has its own style prop, applied to the container div it renders rather than forwarded to core.

Entry-point props

The config and data source. The Chart entry point takes mochartConfig and dataProvider; the DefaultChart one takes config and data. Both are required on the entry point that declares them.

Prop	Type	Core prop	Description
mochartConfig	MochartConfig | null	mochartConfig	The enhanced config produced by enhanceConfig (validated, defaults applied).
dataProvider	DataProvider<unknown> | null	dataProvider	The data source; use a built-in provider or any DataProvider implementation.
config	MochartInputConfig	config	The raw config; validated and enhanced internally on every change.
data	readonly DataRow[]	data	The dataset as one object per category; wrapped in an ArrayOfObjectsDataProvider keyed by categoryAxisConfig.property.

Chart props

Sizing, container styling, state, and the controlled focus and filter props.

Prop	Type	Core prop	Description
width	number	width	Explicit pixel width; omit to track the container element's width.
height	number	height	Explicit pixel height; omit to track the container element's height.
className	string	—	Class applied to the container div the chart mounts into.
style	CSSProperties	—	Style applied to the container div the chart mounts into.
dataTestId	string	—	data-testid attribute applied to the container div, for test selectors.
loading	boolean	loading	Switches the chart into its loading state (see getLoadingComponent).
error	unknown	error	Switches the chart into its error state when set to anything but null/undefined — '' and 0 count (see getErrorComponent).
focusedCategoryIndex	number	focusedCategoryIndex	Controlled focused category index (-1 = none). When set it overrides the chart's internal focus on every render; pass back the value reported by onFocus to keep several charts in sync. Omit to leave focus chart-managed.
focusedValueAxisId	string | null	focusedValueAxisId	Controlled focused value-axis id (null = none). See focusedCategoryIndex.
focusedSeriesId	string | null	focusedSeriesId	Controlled focused series id (null = none). See focusedCategoryIndex.
filteredSeriesIds	Record<string, boolean>	filteredSeriesIds	Controlled filter map (series id → true = filtered out); pass back the map reported by onSeriesFilter to sync legend filtering across charts.

Callbacks

The chart callbacks, reporting the payloads documented in the core reference.

Prop	Type	Core prop	Description
onChartClick	(eventPayload: ChartEventPayload) => void	onChartClick	The plot area was clicked.
onSliceClick	(payload: ChartSliceClickPayload) => void	onSliceClick	A slice of a pie-type chart was clicked. Unlike onFocus (which pointer hover also drives), this fires only on click, so it can anchor selection.
onSeriesClick	(payload: ChartSeriesClickPayload) => void	onSeriesClick	A cartesian series shape (bar, marker, label, line/area path) was clicked. Fires independently of the focusOnClick config, and only on click, so it can anchor selection.
onChartMouseEnter	(eventPayload: ChartEventPayload) => void	onChartMouseEnter	The pointer entered the plot area.
onChartMouseMove	(eventPayload: ChartEventPayload) => void	onChartMouseMove	The pointer moved within the plot area.
onChartMouseLeave	(eventPayload: ChartEventPayload) => void	onChartMouseLeave	The pointer left the plot area.
onTitleClick	() => void	onTitleClick	The chart title was clicked (see titleConfig.link/linkDisabled).
onFocus	(focusData: ChartFocus) => void	onFocus	The focused series/category/value axis — via pointer over/click on the plot or the legend, per the focusOnMouseOver/focusOnClick config.
onSeriesFilter	(filterData: ChartSeriesFilter) => void	onSeriesFilter	A legend click toggled a series in or out of the filtered set (requires legendConfig.filterOnClick).
onSeriesLayoutBoundsChange	(bounds: Bounds) => void	onSeriesLayoutBoundsChange	The plot area was re-laid-out; reports its new bounds.

State placeholders

What renders in each non-chart state, in place of the core state factories.

Prop	Type	Core prop	Description
loadingComponent	PlaceholderComponent	getLoadingComponent	Rendered while the loading prop is true.
errorComponent	PlaceholderComponent	getErrorComponent	Rendered while the error prop is set.
noDataComponent	PlaceholderComponent	getNoDataComponent	Rendered when the dataset has no categories.
noSizeComponent	PlaceholderComponent	getNoSizeComponent	Rendered when width or height is 0.
noSeriesComponent	PlaceholderComponent	getNoSeriesComponent	Rendered when the config declares no series.
configErrorComponent	PlaceholderComponent	getConfigErrorComponent	Rendered when the config fails validation.

Svelte

@mochart/svelte — component props on Chart and DefaultChart. See the Svelte guide for setup and examples.

• No style prop: the binding has its own style prop, applied to the container div it renders rather than forwarded to core.

Entry-point props

The config and data source. The Chart entry point takes mochartConfig and dataProvider; the DefaultChart one takes config and data. Both are required on the entry point that declares them.

Prop	Type	Core prop	Description
mochartConfig	MochartConfig | null	mochartConfig	The enhanced config produced by enhanceConfig (validated, defaults applied).
dataProvider	DataProvider<unknown> | null	dataProvider	The data source; use a built-in provider or any DataProvider implementation.
config	MochartInputConfig	config	The raw config; validated and enhanced internally on every change.
data	readonly DataRow[]	data	The dataset as one object per category; wrapped in an ArrayOfObjectsDataProvider keyed by categoryAxisConfig.property.

Chart props

Sizing, container styling, state, and the controlled focus and filter props.

Prop	Type	Core prop	Description
width	number	width	Explicit pixel width; omit to track the container element's width.
height	number	height	Explicit pixel height; omit to track the container element's height.
class	string	—	Class applied to the container div the chart mounts into.
style	string	—	Style applied to the container div the chart mounts into.
dataTestId	string	—	data-testid attribute applied to the container div, for test selectors.
loading	boolean	loading	Switches the chart into its loading state (see getLoadingComponent).
error	unknown	error	Switches the chart into its error state when set to anything but null/undefined — '' and 0 count (see getErrorComponent).
focusedCategoryIndex	number	focusedCategoryIndex	Controlled focused category index (-1 = none). When set it overrides the chart's internal focus on every render; pass back the value reported by onFocus to keep several charts in sync. Omit to leave focus chart-managed.
focusedValueAxisId	string | null	focusedValueAxisId	Controlled focused value-axis id (null = none). See focusedCategoryIndex.
focusedSeriesId	string | null	focusedSeriesId	Controlled focused series id (null = none). See focusedCategoryIndex.
filteredSeriesIds	Record<string, boolean>	filteredSeriesIds	Controlled filter map (series id → true = filtered out); pass back the map reported by onSeriesFilter to sync legend filtering across charts.

Callbacks

The chart callbacks, reporting the payloads documented in the core reference.

Prop	Type	Core prop	Description
onChartClick	(eventPayload: ChartEventPayload) => void	onChartClick	The plot area was clicked.
onSliceClick	(payload: ChartSliceClickPayload) => void	onSliceClick	A slice of a pie-type chart was clicked. Unlike onFocus (which pointer hover also drives), this fires only on click, so it can anchor selection.
onSeriesClick	(payload: ChartSeriesClickPayload) => void	onSeriesClick	A cartesian series shape (bar, marker, label, line/area path) was clicked. Fires independently of the focusOnClick config, and only on click, so it can anchor selection.
onChartMouseEnter	(eventPayload: ChartEventPayload) => void	onChartMouseEnter	The pointer entered the plot area.
onChartMouseMove	(eventPayload: ChartEventPayload) => void	onChartMouseMove	The pointer moved within the plot area.
onChartMouseLeave	(eventPayload: ChartEventPayload) => void	onChartMouseLeave	The pointer left the plot area.
onTitleClick	() => void	onTitleClick	The chart title was clicked (see titleConfig.link/linkDisabled).
onFocus	(focusData: ChartFocus) => void	onFocus	The focused series/category/value axis — via pointer over/click on the plot or the legend, per the focusOnMouseOver/focusOnClick config.
onSeriesFilter	(filterData: ChartSeriesFilter) => void	onSeriesFilter	A legend click toggled a series in or out of the filtered set (requires legendConfig.filterOnClick).
onSeriesLayoutBoundsChange	(bounds: Bounds) => void	onSeriesLayoutBoundsChange	The plot area was re-laid-out; reports its new bounds.

State placeholders

What renders in each non-chart state, in place of the core state factories.

Prop	Type	Core prop	Description
loadingComponent	PlaceholderComponent	getLoadingComponent	Rendered while the loading prop is true.
errorComponent	PlaceholderComponent	getErrorComponent	Rendered while the error prop is set.
noDataComponent	PlaceholderComponent	getNoDataComponent	Rendered when the dataset has no categories.
noSizeComponent	PlaceholderComponent	getNoSizeComponent	Rendered when width or height is 0.
noSeriesComponent	PlaceholderComponent	getNoSeriesComponent	Rendered when the config declares no series.
configErrorComponent	PlaceholderComponent	getConfigErrorComponent	Rendered when the config fails validation.

Vue

@mochart/vue — component props on Chart and DefaultChart. See the Vue guide for setup and examples.

• No style prop: class and style are fallthrough attrs in Vue, so they land on the container div automatically.

Entry-point props

The config and data source. The Chart entry point takes mochartConfig and dataProvider; the DefaultChart one takes config and data. Both are required on the entry point that declares them.

Prop	Type	Core prop	Description
mochartConfig	MochartConfig | null	mochartConfig	The enhanced config produced by enhanceConfig (validated, defaults applied).
dataProvider	DataProvider<unknown> | null	dataProvider	The data source; use a built-in provider or any DataProvider implementation.
config	MochartInputConfig	config	The raw config; validated and enhanced internally on every change.
data	readonly DataRow[]	data	The dataset as one object per category; wrapped in an ArrayOfObjectsDataProvider keyed by categoryAxisConfig.property.

Chart props

Sizing, container styling, state, and the controlled focus and filter props.

Prop	Type	Core prop	Description
width	number	width	Explicit pixel width; omit to track the container element's width.
height	number	height	Explicit pixel height; omit to track the container element's height.
dataTestId	string	—	data-testid attribute applied to the container div, for test selectors.
loading	boolean	loading	Switches the chart into its loading state (see getLoadingComponent).
error	unknown	error	Switches the chart into its error state when set to anything but null/undefined — '' and 0 count (see getErrorComponent).
focusedCategoryIndex	number	focusedCategoryIndex	Controlled focused category index (-1 = none). When set it overrides the chart's internal focus on every render; pass back the value reported by onFocus to keep several charts in sync. Omit to leave focus chart-managed.
focusedValueAxisId	string | null	focusedValueAxisId	Controlled focused value-axis id (null = none). See focusedCategoryIndex.
focusedSeriesId	string | null	focusedSeriesId	Controlled focused series id (null = none). See focusedCategoryIndex.
filteredSeriesIds	Record<string, boolean>	filteredSeriesIds	Controlled filter map (series id → true = filtered out); pass back the map reported by onSeriesFilter to sync legend filtering across charts.

Callbacks

The chart callbacks, reporting the payloads documented in the core reference.

Prop	Type	Core prop	Description
onChartClick	(eventPayload: ChartEventPayload) => void	onChartClick	The plot area was clicked.
onSliceClick	(payload: ChartSliceClickPayload) => void	onSliceClick	A slice of a pie-type chart was clicked. Unlike onFocus (which pointer hover also drives), this fires only on click, so it can anchor selection.
onSeriesClick	(payload: ChartSeriesClickPayload) => void	onSeriesClick	A cartesian series shape (bar, marker, label, line/area path) was clicked. Fires independently of the focusOnClick config, and only on click, so it can anchor selection.
onChartMouseEnter	(eventPayload: ChartEventPayload) => void	onChartMouseEnter	The pointer entered the plot area.
onChartMouseMove	(eventPayload: ChartEventPayload) => void	onChartMouseMove	The pointer moved within the plot area.
onChartMouseLeave	(eventPayload: ChartEventPayload) => void	onChartMouseLeave	The pointer left the plot area.
onTitleClick	() => void	onTitleClick	The chart title was clicked (see titleConfig.link/linkDisabled).
onFocus	(focusData: ChartFocus) => void	onFocus	The focused series/category/value axis — via pointer over/click on the plot or the legend, per the focusOnMouseOver/focusOnClick config.
onSeriesFilter	(filterData: ChartSeriesFilter) => void	onSeriesFilter	A legend click toggled a series in or out of the filtered set (requires legendConfig.filterOnClick).
onSeriesLayoutBoundsChange	(bounds: Bounds) => void	onSeriesLayoutBoundsChange	The plot area was re-laid-out; reports its new bounds.

State placeholders

What renders in each non-chart state, in place of the core state factories.

Prop	Type	Core prop	Description
loadingComponent	PlaceholderComponent	getLoadingComponent	Rendered while the loading prop is true.
errorComponent	PlaceholderComponent	getErrorComponent	Rendered while the error prop is set.
noDataComponent	PlaceholderComponent	getNoDataComponent	Rendered when the dataset has no categories.
noSizeComponent	PlaceholderComponent	getNoSizeComponent	Rendered when width or height is 0.
noSeriesComponent	PlaceholderComponent	getNoSeriesComponent	Rendered when the config declares no series.
configErrorComponent	PlaceholderComponent	getConfigErrorComponent	Rendered when the config fails validation.

Lit

@mochart/lit — directive props on chart() and defaultChart(). See the Lit guide for setup and examples.

• No style prop: the directive has its own style prop, applied to the container div it renders rather than forwarded to core.

Entry-point props

The config and data source. The Chart entry point takes mochartConfig and dataProvider; the DefaultChart one takes config and data. Both are required on the entry point that declares them.

Prop	Type	Core prop	Description
mochartConfig	MochartConfig | null	mochartConfig	The enhanced config produced by enhanceConfig (validated, defaults applied).
dataProvider	DataProvider<unknown> | null	dataProvider	The data source; use a built-in provider or any DataProvider implementation.
config	MochartInputConfig	config	The raw config; validated and enhanced internally on every change.
data	readonly DataRow[]	data	The dataset as one object per category; wrapped in an ArrayOfObjectsDataProvider keyed by categoryAxisConfig.property.

Chart props

Sizing, container styling, state, and the controlled focus and filter props.

Prop	Type	Core prop	Description
chartRef	(ref: ChartRef | null) => void	—	Callback ref, like Lit's own ref() directive: called with the ChartRef handle once the chart mounts and with null when the directive disconnects.
width	number	width	Explicit pixel width; omit to track the container element's width.
height	number	height	Explicit pixel height; omit to track the container element's height.
className	string	—	CSS class for the container div the chart mounts into — the directive equivalent of the class/style fallthrough the component wrappers get.
style	string	—	Inline style for the container div; explicit width/height props win.
dataTestId	string	—	data-testid attribute applied to the container div, for test selectors.
loading	boolean	loading	Switches the chart into its loading state (see getLoadingComponent).
error	unknown	error	Switches the chart into its error state when set to anything but null/undefined — '' and 0 count (see getErrorComponent).
focusedCategoryIndex	number	focusedCategoryIndex	Controlled focused category index (-1 = none). When set it overrides the chart's internal focus on every render; pass back the value reported by onFocus to keep several charts in sync. Omit to leave focus chart-managed.
focusedValueAxisId	string | null	focusedValueAxisId	Controlled focused value-axis id (null = none). See focusedCategoryIndex.
focusedSeriesId	string | null	focusedSeriesId	Controlled focused series id (null = none). See focusedCategoryIndex.
filteredSeriesIds	Record<string, boolean>	filteredSeriesIds	Controlled filter map (series id → true = filtered out); pass back the map reported by onSeriesFilter to sync legend filtering across charts.

Callbacks

The chart callbacks, reporting the payloads documented in the core reference.

Prop	Type	Core prop	Description
onChartClick	(eventPayload: ChartEventPayload) => void	onChartClick	The plot area was clicked.
onSliceClick	(payload: ChartSliceClickPayload) => void	onSliceClick	A slice of a pie-type chart was clicked. Unlike onFocus (which pointer hover also drives), this fires only on click, so it can anchor selection.
onSeriesClick	(payload: ChartSeriesClickPayload) => void	onSeriesClick	A cartesian series shape (bar, marker, label, line/area path) was clicked. Fires independently of the focusOnClick config, and only on click, so it can anchor selection.
onChartMouseEnter	(eventPayload: ChartEventPayload) => void	onChartMouseEnter	The pointer entered the plot area.
onChartMouseMove	(eventPayload: ChartEventPayload) => void	onChartMouseMove	The pointer moved within the plot area.
onChartMouseLeave	(eventPayload: ChartEventPayload) => void	onChartMouseLeave	The pointer left the plot area.
onTitleClick	() => void	onTitleClick	The chart title was clicked (see titleConfig.link/linkDisabled).
onFocus	(focusData: ChartFocus) => void	onFocus	The focused series/category/value axis — via pointer over/click on the plot or the legend, per the focusOnMouseOver/focusOnClick config.
onSeriesFilter	(filterData: ChartSeriesFilter) => void	onSeriesFilter	A legend click toggled a series in or out of the filtered set (requires legendConfig.filterOnClick).
onSeriesLayoutBoundsChange	(bounds: Bounds) => void	onSeriesLayoutBoundsChange	The plot area was re-laid-out; reports its new bounds.

State placeholders

What renders in each non-chart state, in place of the core state factories.

Prop	Type	Core prop	Description
loadingTemplate	PlaceholderTemplate	getLoadingComponent	Rendered while the loading prop is true.
errorTemplate	PlaceholderTemplate	getErrorComponent	Rendered while the error prop is set.
noDataTemplate	PlaceholderTemplate	getNoDataComponent	Rendered when the dataset has no categories.
noSizeTemplate	PlaceholderTemplate	getNoSizeComponent	Rendered when width or height is 0.
noSeriesTemplate	PlaceholderTemplate	getNoSeriesComponent	Rendered when the config declares no series.
configErrorTemplate	PlaceholderTemplate	getConfigErrorComponent	Rendered when the config fails validation.

Angular

@mochart/angular — inputs and outputs on <mochart-chart> and <mochart-default-chart>. See the Angular guide for setup and examples.

• No style prop: class and style are set on the component element itself, which is the chart container.

Entry-point props

The config and data source. The Chart entry point takes mochartConfig and dataProvider; the DefaultChart one takes config and data. Both are required on the entry point that declares them.

Prop	Type	Core prop	Description
mochartConfig	MochartConfig | null	mochartConfig	The enhanced config produced by enhanceConfig (validated, defaults applied).
dataProvider	DataProvider<unknown> | null	dataProvider	The data source; use a built-in provider or any DataProvider implementation.
config	MochartInputConfig	config	The raw config; validated and enhanced internally on every change.
data	readonly DataRow[]	data	The dataset as one object per category; wrapped in an ArrayOfObjectsDataProvider keyed by categoryAxisConfig.property.

Chart props

Sizing, container styling, state, and the controlled focus and filter props.

Prop	Type	Core prop	Description
width	number	width	Explicit pixel width; omit to track the host element's width.
height	number	height	Explicit pixel height; omit to track the host element's height.
loading	boolean	loading	Switches the chart into its loading state (see getLoadingComponent).
error	unknown	error	Switches the chart into its error state when set to anything but null/undefined — '' and 0 count (see getErrorComponent).
dataTestId	string	—	data-testid attribute applied to the host element, for test selectors.
focusedCategoryIndex	number	focusedCategoryIndex	Controlled focused category index (-1 = none). When set it overrides the chart's internal focus on every update; pass back the value reported by focus to keep several charts in sync. Omit to leave focus chart-managed.
focusedValueAxisId	string | null	focusedValueAxisId	Controlled focused value-axis id (null = none). See focusedCategoryIndex.
focusedSeriesId	string | null	focusedSeriesId	Controlled focused series id (null = none). See focusedCategoryIndex.
filteredSeriesIds	Record<string, boolean>	filteredSeriesIds	Controlled filter map (series id → true = filtered out); pass back the map reported by seriesFilter to sync legend filtering across charts.

Callbacks

The chart callbacks, reporting the payloads documented in the core reference.

Prop	Type	Core prop	Description
chartClick	this.chartOutput<ChartEventPayload>	onChartClick	The plot area was clicked.
sliceClick	this.chartOutput<ChartSliceClickPayload>	onSliceClick	A slice of a pie-type chart was clicked. Unlike onFocus (which pointer hover also drives), this fires only on click, so it can anchor selection.
seriesClick	this.chartOutput<ChartSeriesClickPayload>	onSeriesClick	A cartesian series shape (bar, marker, label, line/area path) was clicked. Fires independently of the focusOnClick config, and only on click, so it can anchor selection.
chartMouseEnter	this.chartOutput<ChartEventPayload>	onChartMouseEnter	The pointer entered the plot area.
chartMouseMove	this.chartOutput<ChartEventPayload>	onChartMouseMove	The pointer moved within the plot area.
chartMouseLeave	this.chartOutput<ChartEventPayload>	onChartMouseLeave	The pointer left the plot area.
titleClick	this.chartOutput<void>	onTitleClick	The chart title was clicked (see titleConfig.link/linkDisabled).
focusChange	this.chartOutput<ChartFocus>	onFocus	The focused series/category/value axis — via pointer over/click on the plot or the legend, per the focusOnMouseOver/focusOnClick config.
seriesFilter	this.chartOutput<ChartSeriesFilter>	onSeriesFilter	A legend click toggled a series in or out of the filtered set (requires legendConfig.filterOnClick).
seriesLayoutBoundsChange	this.chartOutput<Bounds>	onSeriesLayoutBoundsChange	The plot area was re-laid-out; reports its new bounds.

State placeholders

What renders in each non-chart state, in place of the core state factories.

Prop	Type	Core prop	Description
loadingComponent	PlaceholderComponent	getLoadingComponent	Rendered while the loading prop is true.
errorComponent	PlaceholderComponent	getErrorComponent	Rendered while the error prop is set.
noDataComponent	PlaceholderComponent	getNoDataComponent	Rendered when the dataset has no categories.
noSizeComponent	PlaceholderComponent	getNoSizeComponent	Rendered when width or height is 0.
noSeriesComponent	PlaceholderComponent	getNoSeriesComponent	Rendered when the config declares no series.
configErrorComponent	PlaceholderComponent	getConfigErrorComponent	Rendered when the config fails validation.