Componente de SimpleAreaChart

O SimpleAreaChart é utilizado para exibir dados em um formato de gráfico de área, permitindo a visualização de valores ao longo de diferentes períodos de tempo. Ele pode incluir uma legenda para distinguir diferentes séries de dados.

Como importar

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

Exemplo de uso

<SimpleAreaChart
  xDataKey="name"
  yDataKey="valor"
  data={[
    { name: 'Janeiro', valor: 400 },
    { name: 'Fev', valor: 300 },
    { name: 'Mar', valor: 500 },
    { name: 'Abr', valor: 200 },
  ]}
  title="Simple Area Chart"
  description="This chart shows simple data values over time."
/>

Com Legenda

<SimpleAreaChart
  xDataKey="name"
  yDataKey="valor"
  data={[
    { name: 'Janeiro', valor: 400 },
    { name: 'Fev', valor: 300 },
    { name: 'Mar', valor: 500 },
    { name: 'Abr', valor: 200 },
  ]}
  showLegend={true}
  title="Simple Area Chart with Legend"
  description="This chart includes a legend to distinguish data values."
/>

Sem Dados

<SimpleAreaChart xDataKey="name" yDataKey="valor" data={[]} />

Chaves de Dados Ausentes

<SimpleAreaChart
  xDataKey=""
  yDataKey=""
  data={[
    { name: 'Jan', valor: 400 },
    { name: 'Fev', valor: 300 },
  ]}
/>