Charts - Radial Bars 🧪

Use radial bar charts to compare values along periodic categories.

Basics

The RadialBarChart component accepts series, rotationAxis, and radiusAxis props to render data in polar coordinates.

Horizontal layout

Set layout: 'horizontal' on a series to swap the rotation and radius axes. The value drives the angular sweep, while the radius axis carries the categories.

API

See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.

• <ChartsRadialDataProvider />
• <ChartsRadialDataProviderPremium />
• <ChartsRadialGrid />
• <ChartsRadiusAxis />
• <ChartsRotationAxis />
• <RadialBarChart />
• <RadialBarPlot />