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';

User Reference

Properties

Name Type Default 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.

Interfaces

AreaSeries.SeriesProps

Describes properties passed to a component that renders the series.

Field Type Description
coordinates Array<{ x: number, y: number, y1: number }> Coordinates of the series’ points.
color string A series color.

AreaSeries.PathSeriesProps

Describes properties of a component that renders series.

Extends AreaSeries.SeriesProps

Field Type Description
path? (coordinates: Array<{ x: number, y: number, y1: number }>) => string A function used to calculate the series’ path.

Plugin Components

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