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.
Size of the center circle. Value should be between 0~1 as it's a ratio from original radius.
false
Render the root node. By default, the root node is omitted.
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.