PieSeries Plugin Reference

The PieSeries plugin visualizes pie series.

Import

Use the following statement to import the plugin:

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

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

import { PieSeries } 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.
innerRadius?	number	0	The inner radius in relative units.
outerRadius?	number	1	The outer radius in relative units.
pointComponent	ComponentType<PieSeries.PointProps>		A component that renders a slice.

Describes properties passed to a component that renders the slice.

Field	Type	Description
arg	number	The slice's x coordinate.
val	number	The slice's y coordinate.
maxRadius	number	The slice's maximum radius in pixels.
innerRadius	number	The inner radius in relative units.
outerRadius	number	The outer radius in relative units.
startAngle	number	The slice's start angle.
endAngle	number	The slice's end angle.
value	number	The slice's value.
color	string	A series color.
index	number	Point index.

Name	Properties	Description
PieSeries.Point	PieSeries.PointProps	A component that renders a slice.