Carta de Gráfico de Linhas

O gráfico de linha do painel - uma linha de Recharts sobre um gradiente de área suave, interruptor Semanal/Média/Ano, chip delta, e um título de contagem-up com um ponto ativo pulsante que segue o cursor. Curvado por padrão; um aderente muda para cantos agudos e retos.

Receitas

$18,240

+9.4%

Instalação

Line Chart Card faz parte do BoardUI Pro.

Modo escuro pronto - este componente segue tokens semânticos BoardUI automaticamente. Configurar a mudança de tema.

Acesso pro pro

Carta de Gráfico de Linhas é um Pró componente.

Sua licença BoardUI Pro desbloqueia isso componente e todos os seus arquivos fonte. Ative sua licença uma vez, em seguida, instalá-lo diretamente em seu projeto com o CLI.

01

Ativar a sua licença

Use a chave do seu email de compra Lemon Squeezy. Você só precisa fazer isso uma vez por máquina.

npx boardui@latest login YOUR_LICENSE_KEY
02

Instalar o componente

O CLI copia a fonte e resolve todas as dependências do BoardUI e do npm para você.

npx boardui@latest add line-chart-card

Isto componente está incluído no BoardUI Pro

Obter BoardUI Pro agora e instalá-lo termina fora.

Usando um pacote de UI compartilhado ou aliases de importação personalizados? Configure seus caminhos de instalação antes de executar o CLI. Exemplos de copy-paste usam as importações padrão.

Cantos afiados

shape="sharp" une os pontos com segmentos retos - mesmo gradiente, ponto, e hover behavior, apenas uma linha mais nítida para dados onde os valores inter-entre não devem ser lidos como interpolados.

Receitas

$18,240

+9.4%
{/* Straight segments between points instead of the monotone curve */}<LineChartCard shape="sharp" />