The LineSeries plugin visualizes the line series.
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';| 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. |
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. |
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. |
| Name | Properties | Description |
|---|---|---|
| LineSeries.Path | LineSeries.PathSeriesProps | A component that renders series. |