Componente de BarChartMultiple

O BarChartMultiple exibe gráficos de barras que permitem a comparação entre múltiplos conjuntos de dados ao longo de diferentes categorias. Ele é ideal para visualizar tendências de dados lado a lado, como diferentes dispositivos ou categorias de produtos.

Como importar

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

Exemplo de uso

<BarChartMultiple
  xDataKey="name"
  yDataKeys={['mobile', 'desktop']}
  data={[
    { name: 'Jan', mobile: 300, desktop: 200 },
    { name: 'Fev', mobile: 200, desktop: 100 },
    { name: 'Mar', mobile: 450, desktop: 300 },
    { name: 'Abr', mobile: 350, desktop: 250 },
  ]}
  title="Multiple Bar Chart"
  description="This chart shows multiple data values over time."
/>

Sem Dados

<BarChartMultiple
  xDataKey="name"
  yDataKeys={['mobile', 'desktop']}
  data={[]}
  title="No Data Available"
  description="This chart is currently empty as no data is provided."
/>

Chaves de Dados Ausentes

<BarChartMultiple
  xDataKey=""
  yDataKeys={[]}
  data={[
    { name: 'Jan', mobile: 300, desktop: 200 },
    { name: 'Fev', mobile: 200, desktop: 100 },
  ]}
  title="Invalid Data Keys"
  description="Data keys are missing or invalid."
/>