Sunburst sector border radius
Sunburst chart supports sector border radius configuration for sunburst type sectors.
sunburst-series
28 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.
Sunburst series type definition
The sunburst chart is a series type with type='sunburst'. It is composed of multiple pie charts where inner rings are parent nodes of outer rings, showing both partial-overall relationships like pie charts and level relations like treemap charts. Sunburst charts support data drilling by default, allowing users to click a sector to use it as the root node with a circle in the center to return to the parent node.
Sunburst data structure hierarchy
Sunburst data is a tree structure where each node can have properties: name (string, displayed in each sector), value (number, can be omitted if children exist, will use sum of children values), link (string, redirect URL when sector clicked), target (string, either 'blank' or 'self', default 'blank'), children (array of child nodes with same structure), itemStyle (object, individual sector style), label (object, individual label style), and state objects (emphasis, blur, select). States have priority: series.data > series.levels > series (only for label and itemStyle).
Sunburst circular layout configuration
Sunburst chart uses component-circular-layout with default radius '[0, '75%']'. This can be customized to set inner and outer radius of the chart.
Sunburst nodeClick behavior options
The nodeClick option (default 'rootToNode') controls sector click behavior: false means nothing happens, 'rootToNode' uses clicked sector as root node, 'link' redirects to URL if series.data.link is set.
Sunburst sort configuration
The sort option (default 'desc') sorts sectors based on value: 'desc' for descending order, 'asc' for ascending order, null for no sorting, or a callback function like function(nodeA, nodeB) { return nodeA.getValue() - nodeB.getValue(); }.
Sunburst renderLabelForZeroData option
The renderLabelForZeroData option (default false) determines whether labels render for items with no name.
Sunburst clockwise orientation
The clockwise option (default true) controls whether sectors layout clockwise or counter-clockwise.
Sunburst startAngle configuration
The startAngle option (default 90, range [0, 360]) sets the starting angle in degrees for sector layout.
Sunburst label align option
The label.align option (default 'center') can be 'left' (inner side), 'center', or 'right' (outer side) to control text alignment in sunburst sectors.
Sunburst label minAngle threshold
The label.minAngle option (default null) specifies a minimum sector angle in degrees. If a data piece has a smaller angle, its text label is not displayed. This hides text for small pieces of data.
Sunburst label rotate option
The label.rotate option defaults to 'radial' and controls text rotation in sunburst chart labels.
Sunburst label default position
Sunburst labels default to position 'inside' and are shown by default (showLabel = true).
Sunburst label formatter with treePathInfo
Sunburst chart label supports formatter function that receives treePathInfo parameter, which is an array containing the ancestors of the current node including self.
Sunburst labelLine configuration
Sunburst chart supports labelLine object configuration. In normal state, it includes length2, minTurnAngle, showAbove, and smooth options.
Sunburst itemStyle default border
Sunburst itemStyle has default borderWidth of 1 and default borderColor of 'white', with default opacity of 1.
Sunburst itemStyle priority
Sector style priority is: series.data.itemStyle > series.levels.itemStyle > series.itemStyle. If series.data.itemStyle is defined, it overrides the others.
Sunburst emphasis focus and blur
Sunburst chart supports emphasis state with focus and blur configuration for tree structures. The focus option has relative version available since 5.6.0 and hasRelative=true.
Sunburst selectedMode option
Sunburst chart supports selectedMode option (version 5.0.0+) which enables select state configuration.
Sunburst levels array structure
The levels option is an array where the first element is for data drilling (can be blank), and following elements represent levels from center outward. Each level can have radius (Array, version 5.2.0+), label, itemStyle, and emphasis/blur/select state configurations.
Sunburst levels radius adaptive behavior
When setting radius for a level in sunburst.levels (available since version 5.2.0), other layers' radius will not be adaptive to the current layer's radius.
Sunburst animation defaults
Sunburst chart has default animationEasing 'cubicOut', default animationDuration 1000ms, and default animationDurationUpdate 500ms.
Sunburst label emphasis inheritance
In emphasis state, sunburst itemStyle supports hasInherit=true, meaning styles can be inherited from parent states.
Sunburst series name configuration
Sunburst series supports name option to identify the series.
Sunburst coordinate system default
Sunburst chart's default coordinate system is 'none' (version 6.0.0+). It supports calendar and matrix coordinate systems but typically operates without a coordinate system.
Sunburst labelLayout configuration
Sunburst chart supports labelLayout option which can be an object or function to control label layout behavior.
Sunburst data link security warning
When using series.data.link for redirect URLs, security URL common warnings apply.
Sunburst parent node value behavior
In sunburst data, parent node value can be left unset and will use sum of children values. If set and larger than sum of children, the remaining value can be used for other parts in the parent node.