/

Polar Chart

Plot data on a circular coordinate system. Useful for cyclical data like wind direction, time-of-day patterns, and directional measurements.

Usage

example.tsx
import { PolarChart } from "@chartts/react"

<PolarChart
  data={windData}
  angle="direction"
  radius="speed"
  fill
/>

Props

PropTypeDescription
dataT[]Array of data objects
anglekeyof TKey for angle axis
radiuskeyof TKey for radius values
fillbooleanFill sectors. Default: true
startAnglenumberStarting angle in degrees. Default: 0

Features

  • Sector and line modes
  • Configurable start angle
  • Multiple series overlay
  • Grid circles and spokes
  • Interactive sector selection
  • Wind rose variant

Other Charts