AreaChart
CompleteÁreas empilhadas, percentuais e sobrepostas. As áreas empilhadas e percentuais são sólidas para que o total e as proporções sejam fáceis de ler.
Exemplo

Parâmetros
| Parâmetro | Tipo | Descrição |
|---|---|---|
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). |
Mode | AreaMode | |
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
AreaChart faz parte do RayCraft Complete. Pacote: RayCraft.Blazor.Complete. Vem do feed privado do RayCraft e requer uma licença ativa. Veja Primeiros passos.
Enviar feedbackVersão 1.0.3