Log in Get started

Back to Chakra Ui

Radar Chart

apps/www/content/docs/charts/radar-chart.mdx

0.3.0-beta763 B

Original Source

<ExampleTabs name="charts/radar-chart-basic" />

Usage

tsx

import { Chart, useChart } from "@chakra-ui/charts"
import { Radar, RadarChart } from "recharts"

tsx

<Chart.Root>
  <RadarChart>
    <Radar />
  </RadarChart>
</Chart.Root>

Examples

Lines Only

<ExampleTabs name="charts/radar-chart-lines-only" />

Multiple

<ExampleTabs name="charts/radar-chart-multiple" />

Point Labels

<ExampleTabs name="charts/radar-chart-with-point-label" />

Filled Grid

<ExampleTabs name="charts/radar-chart-with-filled-grid" />

Circle Grid

<ExampleTabs name="charts/radar-chart-with-circle-grid" />

Dots

<ExampleTabs name="charts/radar-chart-with-dots" /> <ExampleTabs name="charts/radar-chart-with-tooltip" />