nemesischart

Biblioteca de componentes Vue 3 para dashboards. Cards de estatísticas e gráficos prontos para usar, com suporte a temas e tree-shaking.

Documentação →

Instalação

npm install nemesischart

Requisitos

npm install primeflex primeicons chart.js

Como usar

Plugin global

import { createApp } from 'vue'
import 'primeflex/primeflex.css'
import 'primeicons/primeicons.css'
import NemesisChart from 'nemesischart'
import 'nemesischart/dist/nemesischart.css'

const app = createApp(App)
app.use(NemesisChart)
app.mount('#app')

Named imports (tree-shaking)

import { Cards, CardColumn } from 'nemesischart'

Componentes

| Componente | Descrição | |---|---| | Cards | Card de estatística com título, valor, descrição e botão opcional | | Polar | Gráfico Polar Area com legenda e paleta automática | | CardColumn | Card com valor em destaque e gráfico de barras | | CardLines | Card com gráfico de linha para tendências e séries temporais | | CardPizza | Card com gráfico doughnut e legenda lateral | | CardColumnDual | Card com barras empilhadas e múltiplos segmentos |

Todos os componentes aceitam a prop cor: 'light' | 'dark' | 'transparent'.

Consulte a documentação completa para props, exemplos e playground interativo.

Licença

MIT