LineChart
CompleteGráfico de linhas com várias séries, suavização e preenchimento de área opcionais. Clique em uma entrada da legenda para ocultar ou mostrar uma série. O gráfico é desenhado como SVG e usa as cores do tema; passar o ponteiro sobre um ponto mostra seu valor. Uma tabela oculta com os mesmos números é fornecida para leitores de tela.
Exemplo
Parâmetros
| Parâmetro | Tipo | Descrição |
|---|---|---|
Area | bool | Preenche a área sob a linha. |
Categories | IEnumerable<string> | Rótulos ao longo do eixo horizontal. |
Class | string | Classes CSS extras adicionadas ao elemento raiz. |
Height | Double | Altura máxima do corpo da grade, por exemplo 24rem (28rem por padrão com VirtualScroll). |
IntegerTicks | bool? | Força passos de eixo com números inteiros; por padrão são usados quando todos os valores são inteiros. |
Label | string | Texto visível do rótulo (gráficos: nome acessível; IconButton: nome acessível e dica de ferramenta). |
Series | IEnumerable<ChartSeries> | Séries de dados: ChartSeries(name, values). |
ShowDataLabels | bool | Escreve o valor em cada marca (barras, pontos de linha, fatias de pizza). |
ShowExport | bool | Adiciona botões que salvam o gráfico como imagem PNG ou SVG. |
ShowGrid | bool | Desenha linhas de grade horizontais. |
ShowLegend | bool | Mostra a legenda clicável. |
Smooth | bool | Desenha linhas curvas em vez de segmentos retos. |
Style | string | Estilo embutido adicionado ao elemento raiz. |
Trend | ChartTrend | Linha None, Linear ou MovingAverage para cada série mostrada. |
TrendPeriod | int | Número de valores usados pela média móvel (3 por padrão). |
ValueFormat | string | Formato numérico para o eixo e as dicas de ferramenta, p. ex. N0 ou P1. |
Width | Double | Skeleton: qualquer comprimento CSS. Charts: largura do desenho em unidades SVG (o gráfico continua se ajustando ao seu contêiner). |
ZeroBased | bool | Sempre inclui o zero no eixo de valores. |
Zoomable | bool | Adiciona botões de zoom e deslocamento; o gráfico mostra uma janela das categorias. |
Pacote
LineChart faz parte do RayCraft Complete. Pacote: RayCraft.Blazor.Complete. Vem do feed privado do RayCraft e requer uma licença ativa. Veja Primeiros passos.
Controles relacionados
- ChartDataTableUma tabela dos dados do gráfico oculta da tela e lida pelos leitores de tela, de modo que os valores do gráfico fiquem disponíveis como texto.
- ChartLegendA legenda de um gráfico.
- ChartToolbarOs botões de ferramentas do gráfico: aumentar, diminuir, deslocar para a esquerda, deslocar para a direita, redefinir e exportar.
Enviar feedbackVersão 1.0.3