LineSeries Plugin Reference

The LineSeries plugin visualizes the line series.

Import

Use the following statement to import the plugin:

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

If you want to use custom components, you can import the themeless plugin:

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

User Reference

Properties

Name Type Default Description
name string   The 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<LineSeries.SeriesProps>   A component that renders series.

Interfaces

LineSeries.SeriesProps

Describes properties passed to a component that renders series.

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

LineSeries.PathSeriesProps

Describes properties of a component that renders series.

Extends LineSeries.SeriesProps

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

Plugin Components

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