Componente de BarChartComponent

O BarChartComponent exibe gráficos de barras, permitindo a visualização de dados em diferentes categorias. Ele oferece opções de configuração para exibição de legenda, personalização de dados e tratamento de dados ausentes.

Como importar

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

Exemplo de uso

<BarChartComponent
  xDataKey="name"
  yDataKey="value"
  data={[
    { name: 'Jan', value: 300 },
    { name: 'Fev', value: 200 },
    { name: 'Mar', value: 450 },
    { name: 'Abr', value: 350 },
  ]}
  title="Simple Bar Chart"
  description="This chart shows data values over time."
/>

Com Legenda

<BarChartComponent
  xDataKey="name"
  yDataKey="value"
  data={[
    { name: 'Jan', value: 300 },
    { name: 'Fev', value: 200 },
    { name: 'Mar', value: 450 },
    { name: 'Abr', value: 350 },
  ]}
  title="Simple Bar Chart"
  description="This chart shows data values over time."
  showLegend={true}
/>

Sem Dados

<BarChartComponent
  xDataKey="name"
  yDataKey="value"
  data={[]}
  title="No Data Available"
  description="This chart is currently empty as no data is provided."
/>

Chaves de Dados Ausentes

<BarChartComponent
  xDataKey=""
  yDataKey=""
  data={[
    { name: 'Jan', value: 300 },
    { name: 'Fev', value: 200 },
  ]}
  title="Invalid Data Keys"
  description="Data keys are missing or invalid."
/>