Sector
Renders a sector (pie-slice or donut-segment shape) from center coordinates, inner/outer radius, and start/end angles. Used by polar components such as Pie, RadialBar, and PolarGrid, and as the radial cursor shape shown by Tooltip on polar charts.
Related Links
classNamestringoptional
The SVG element's class name.
cornerIsExternalbooleanoptional
When false (default), the rounded corners are inset within the angle defined by
startAngle/endAngle, keeping the sector within its nominal bounds. When true, the corners extend beyond that angle, making the sector appear visually wider at its rounded ends.DEFAULT:
falsecornerRadiusnumberoptional
The radius of corners. If the sector is too narrow to fit the corners, they shrink to the largest radius that fits, unless
forceCornerRadiusis set.DEFAULT:
0cxnumberoptional
The x-coordinate of center.
DEFAULT:
0Examples:
cynumberoptional
The y-coordinate of center.
DEFAULT:
0Examples:
endAnglenumberoptional
The end angle of the sector.
DEFAULT:
0Examples:
forceCornerRadiusbooleanoptional
When true, a sector that is too narrow to fit its corners renders as a circle with the full cornerRadius, instead of shrinking the corners to fit.
DEFAULT:
falseinnerRadiusnumberoptional
The inner radius of the sector.
DEFAULT:
0Examples:
outerRadiusnumberoptional
The outer radius of the sector.
DEFAULT:
0Examples:
startAnglenumberoptional
The start angle of the sector.
DEFAULT:
0Examples: