Skip to content

PolarAxis

The PolarAxis component can draw tick marks, tick labels, the axis iteself, and grid lines for a polar represenation.

Prop ControlsSHOW

Props

nametypedefaultrequireddescription
angleDomainDomainN/A🗹the min and max values being mapped to the rotation axis
magnitudeDomainDomainN/A🗹the min and max values being mapped to the magnitude axis
polarSystemPolarSystemN/A🗹must be provided by usePolarInterpolator
angleTickFrequencystring"0"DO NOT USE
axisTickFormatter(value: Value, tickIndex?: numberundefined): stringgetDefaultTickFormatter()
drawAngleGridLinesbooleanfalsewhen true draws grid lines at each tick for the rotational axis (radial lines)
drawAngleLabelsbooleanfalsewhen true draws labels on each angle tick
drawMagnitudeGridLinesbooleanfalsewhen true draws grid lines at each magnitude tick (concentric circles)
drawMagnitudeLabelsbooleanfalsewhen true draws labels on each magnitude tick
labelMarginPxnumber12margin in pixels for the tick label from the tick itself
magnitudeTickFrequencystring"0"DO NOT USE
plotMarginPxnumber0padding in pixels for axis edge to the plot area (can be negative)
tickLengthPxnumber8length in pixels for a tick on an axis edge (can be negative)

Released under the MIT License.