Componente de PieChartComponent

O PieChartComponent é utilizado para exibir a distribuição de valores em formato de gráfico de pizza, facilitando a visualização de proporções entre categorias.

Como importar

import { PieChartComponent } from '@/app/shared/@JustLaunch/components/Charts'

Exemplo de uso

<PieChartComponent
  data={[
    { name: 'Group A', value: 400 },
    { name: 'Group B', value: 300 },
    { name: 'Group C', value: 300 },
    { name: 'Group D', value: 200 },
  ]}
  dataKey="value"
  nameKey="name"
  title="Pie Chart"
  description="This chart shows the distribution of values in a pie format."
/>

Sem Dados

<PieChartComponent
  data={[]}
  dataKey="value"
  nameKey="name"
  title="No Data Available"
  description="This chart is currently empty as no data is provided."
  height="400px"
/>

Chaves de Dados Ausentes

<PieChartComponent
  data={[
    { name: 'Group A', value: 400 },
    { name: 'Group B', value: 300 },
  ]}
  dataKey=""
  nameKey=""
  title="Invalid Data Keys"
  description="Data keys are missing or invalid."
  height="400px"
/>