Pie Chart

Charts

ECharts pie chart (filled slices, no hole) with segments and legend.

Pie Chart — filled slices with legend

React40%

Vue25%

Angular20%

Svelte10%

Other5%

Instalação via CLI

$ npx kikitocn add pie-chart

Interno:

@/lib/utils@/lib/echarts

Exemplo de uso

Pie ChartExample.tsx

import { PieChart } from "@/components/ui/cn/pie-chart/PieChart";

export function PieChartExample() {
  return (
    <PieChart />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`segments*`	`PieSegment[]`	—	Fatias: { label, value, color? }
`size`	`number`	`160`	Diâmetro do círculo em px
`showLegend`	`boolean`	`true`	Exibe legenda das fatias
`className`	`string`	—	Classes CSS extras
`style`	`React.CSSProperties`	—	Estilos inline extras

Carregando…