Gráficos

Wrappers finos sobre o Chart.js, já tematizados com a paleta da marca Alpop. Use os componentes tipados ou o AlpopChart genérico.

Barras

alpop-bar-chart(:data="barData")

const barData = {
  labels: ["Jan", "Fev", "Mar", "Abr", "Mai"],
  datasets: [{ label: "Contratos", data: [12, 19, 8, 15, 22] }]
}

Linha

Pizza

Props

Prop	Tipo	Padrão	Descrição
data	Object	—	Dados no formato do Chart.js (obrigatório)
options	Object	{}	Opções do Chart.js

O AlpopChart genérico também aceita a prop type (ex.: doughnut) e expõe a instância do Chart.js via ref / getChart().