The ScatterSeries plugin visualizes the scatter series.
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';| 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. |
Describes properties passed to a component that renders the point.
| Field | Type | Description |
|---|---|---|
| arg | number | The point's argument. |
| val | number | The point's value. |
| point | { size : number } | Point options. |
| value | number | The point's value. |
| color | string | A series color. |
| index | number | Point index. |
| rotated | boolean | true if the chart is rotated. |
Describes properties passed to a component that renders the series.
| Field | Type | Description |
|---|---|---|
| pointComponent | ComponentType<ScatterSeries.PointProps> | |
| coordinates | Array<{ arg: number, val: number }> | Coordinates of the series' points. |
| point? | { size : number } | point: { size: 7 } |
| 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. |