The responsive alternative of this component is
ResponsiveSunburst
.
Chart data, which should be immutable.
'id'
Id accessor.
'value'
Value accessor
Optional formatter for values.
0
Round node shape.
Chart width.
Chart height.
Chart margin.
Define style for common elements such as labels, axes…
Define chart's colors.
'id'
Define the property to use to assign a color to arcs.
true
Inherit color from parent node starting from 2nd level.
Defines how to compute child nodes color.
1
Node border width.
'white'
Defines how to compute arcs color.
Define patterns and gradients.
Define rules to apply patterns and gradients
Patterns.
false
Enable/disable arc labels.
'formattedValue'
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.
0.5
Define the radius to use to determine the label position, starting from inner radius, this is expressed as a ratio.
0
Skip label if corresponding arc's angle is lower than provided value.
Defines how to compute arc label text color.
'arcs'
, 'arcLabels'
]Defines the order of layers and add custom layers.
true
Enable/disable interactivity.
Tooltip custom component
Showcase custom tooltip component.
onClick handler
true
Enable/disable transitions.
'gentle'
Motion config for react-spring, either a preset or a custom configuration.
'innerRadius'
Define how transitions behave.