A variation around the Pie component. Well suited for large data sets as it does not impact DOM tree depth, however you'll lose the isomorphic ability and transitions.
The responsive alternative of this component is
See the dedicated guide on how to setup legends for this component.
Chart data, which should be immutable.
ID accessor which should return a unique value for the whole dataset.
Optional formatter for values.
'Depends on device'
Adjust pixel ratio, useful for HiDPI screens.
Start angle (in degrees), useful to make gauges for example.
End angle (in degrees), useful to make gauges for example.
If 'true', pie will be optimized to occupy more space when using partial pie.
Donut chart if greater than 0. Value should be between 0~1 as it's a ratio from original radius.
Padding between each pie slice.
If 'true', arcs will be ordered according to their associated value.
Define style for common elements such as labels, axes…
Define chart's colors.
Define patterns and gradients.
Define rules to apply patterns and gradients
Slices border width.
Method to compute border color.
Enable/disable arc labels.
Defines how to get label text, can be a string (used to access current node data property) or a function which will receive the actual node data.
Define the radius to use to determine the label position, starting from inner radius, this is expressed as a ratio.
Skip label if corresponding arc's angle is lower than provided value.
Defines how to compute arc label text color.
Defines the order of layers and add custom layers.
Extends active slice inner radius.
Extends active slice outer radius.
onMouseEnter handler, it receives target node data and mouse event.
onMouseMove handler, it receives target node data and mouse event.
onMouseLeave handler, it receives target node data and mouse event.
onClick handler, it receives target node data and mouse event.
Custom tooltip component
Showcase custom tooltip.
Motion config for react-spring, either a preset or a custom configuration.
Define how transitions behave.
Optional chart's legends.
Defines legend anchor relative to chart's viewport.
Legend direction, must be one of 'column', 'row'.
Justify symbol and label.
Legend block x translation.
Legend block y translation.
Legend item width.
Legend item height.
Spacing between each item.
Item symbol size.
Item layout direction.