# Interface: ArcOptions
# Hierarchy
-
↳
ArcOptions
# Properties
# backgroundColor
• backgroundColor: Color
# Inherited from
CommonElementOptions.backgroundColor
# Defined in
types/index.d.ts:1858 (opens new window)
# borderAlign
• borderAlign: "center" | "inner"
Arc stroke alignment.
# Defined in
types/index.d.ts:1892 (opens new window)
# borderColor
• borderColor: Color
# Inherited from
CommonElementOptions.borderColor
# Defined in
types/index.d.ts:1857 (opens new window)
# borderDash
• borderDash: number[]
Line dash. See MDN.
Default
[]
# Defined in
types/index.d.ts:1897 (opens new window)
# borderDashOffset
• borderDashOffset: number
Line dash offset. See MDN.
Default
0.0
# Defined in
types/index.d.ts:1902 (opens new window)
# borderJoinStyle
• borderJoinStyle: CanvasLineJoin
Line join style. See MDN. Default is 'round' when borderAlign is 'inner', else 'bevel'.
# Defined in
types/index.d.ts:1906 (opens new window)
# borderRadius
• borderRadius: number | ArcBorderRadius
Sets the border radius for arcs
Default
0
# Defined in
types/index.d.ts:1912 (opens new window)
# borderWidth
• borderWidth: number
# Inherited from
CommonElementOptions.borderWidth
# Defined in
types/index.d.ts:1856 (opens new window)
# circular
• circular: boolean
If false, Arc will be flat.
Default
true
# Defined in
types/index.d.ts:1923 (opens new window)
# offset
• offset: number
Arc offset (in pixels).
# Defined in
types/index.d.ts:1917 (opens new window)
# selfJoin
• selfJoin: boolean
If true, Arc can take up 100% of a circular graph without any visual split or cut. This option doesn't support borderRadius and borderJoinStyle miter
Default
true
# Defined in
types/index.d.ts:1887 (opens new window)
# spacing
• spacing: number
Spacing between arcs
# Defined in
types/index.d.ts:1928 (opens new window)
# spacingMode
• spacingMode: ArcSpacingMode
Geometry used to apply arc spacing. Only applies to chart types with arc elements (doughnut, pie, polarArea). Radar charts use line elements and do not support arc spacing modes.
proportional: keeps the legacy proportional spacing behavior.angular: applies a constant angular trim based on average radius.parallel: applies separate inner/outer trims to keep separator width constant. Works best for small to moderate spacings. For very large spacings, the offset is capped to prevent arc angle reversals.
Default
'angular'