Componente
CmLineChart
Gráfico de linha SVG responsivo.
Import
Caminho público recomendado para este componente.
import { CmLineChart, type CmLineChartDataPoint } from "cosmemilton-ui";data é um array de pontos no formato { label: string; value: number }.
label aparece no eixo X; value define a altura da linha e dos pontos.
height controla a altura do SVG. tone é a forma recomendada de escolher a cor sem depender de CSS variables.
color aceita qualquer cor CSS como uso avançado, por exemplo color="#0ea5e9".
showGrid e showLabels podem ser desligados para versões mais compactas. Retorna null quando data está vazio.
O componente é somente leitura: mudanças vêm pela troca de data no consumidor.
Evolução mensal
Declare os pontos com a tipagem exportada e passe o array para data. A cor padrão segue o tema.
Tom semântico
Use tone para trocar a cor com os tons do tema.