Radial Bar Chart

Charts

Multi-series radial bar chart (concentric arcs) powered by the shared ECharts infrastructure.

Radial Bar Chart — multi-series concentric arcs

Chrome275

Safari200

Firefox187

Edge173

Other90

Instalação via CLI

$ npx kikitocn add radial-bar-chart

Interno:

@/lib/utils@/lib/echarts

Exemplo de uso

Radial Bar ChartExample.tsx

import { RadialBarChart } from "@/components/ui/cn/radial-bar-chart/RadialBarChart";

export function RadialBarChartExample() {
  return (
    <RadialBarChart />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`segments*`	`RadialBarSegment[]`	—	Séries: { label, value, color? }
`size`	`number`	`240`	Dimensão do gráfico em px
`showLegend`	`boolean`	`true`	Exibe legenda das séries
`showTooltip`	`boolean`	`true`	Exibe tooltip ao passar o mouse
`className`	`string`	—	Classes CSS extras
`style`	`React.CSSProperties`	—	Estilos inline extras

Voltar para Charts

Carregando…