AreaSeries Plugin Reference

The AreaSeries plugin visualizes the area series.

Import

Use the following statement to import the plugin:

import { AreaSeries } from '@devexpress/dx-react-chart-material-ui';
// import { AreaSeries } from '@devexpress/dx-react-chart-bootstrap4';

You can import the themeless plugin to use custom components:

import { AreaSeries } from '@devexpress/dx-react-chart';

Name	Type	Description
name	string	A series name.
valueField	string	The name of a data field that provides series point values.
argumentField	string	The name of a data field that provides series point argument values.
scaleName?	string	An associated scale.
color?	string	The series color.
seriesComponent	ComponentType<AreaSeries.SeriesProps>	A component that renders series.

Describes properties passed to a component that renders the series.

Field	Type	Description
coordinates	Array<{ arg: number, val: number, startVal: number }>	Coordinates of the series' points.
color	string	A series color.
rotated	boolean	`true` if the chart is rotated.

Describes properties of a component that renders series.

Field	Type	Description
path?	(coordinates: Array<{ arg: number, val: number, startVal: number }>) => string	A function used to calculate the series' path.

Name	Properties	Description
AreaSeries.Path	AreaSeries.PathSeriesProps	A component that renders series.