ScatterSeries Plugin Reference

The ScatterSeries plugin visualizes the scatter series.

Import

Use the following statement to import the plugin:

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

You can import the themeless plugin if you want to use custom components:

import { ScatterSeries } 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   The associated scale.
point? { size : number } point: { size: 7 } Point options.
color? string   A series color.
pointComponent ComponentType<ScatterSeries.PointProps>   A component that renders a series point.

Interfaces

ScatterSeries.PointProps

Describes properties passed to a component that renders the point.

Field Type Description
x number The point’s x coordinate.
y number The point’s y coordinate.
point { size : number } Point options.
value number The point’s value.
color string A series color.
index number Point index.

ScatterSeries.SeriesProps

Describes properties passed to a component that renders the series.

Field Type Description  
pointComponent ComponentType<ScatterSeries.PointProps>   A component that renders a series point.
coordinates Array<{ x: number, y: number }> Coordinates of the series’ points.  
point? { size : number } point: { size: 7 } Point options.

Plugin Components

Name Properties Description
ScatterSeries.Path ScatterSeries.SeriesProps A component that renders the series of points.
ScatterSeries.Point ScatterSeries.PointProps A component that renders a series point.