RayCraftDocs
v1.0.3
pt-BR
raycraft.dev
Nesta página

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

Controle AreaChart

Parâmetros

ParâmetroTipoDescrição
CategoriesIEnumerable<string>Rótulos ao longo do eixo horizontal.
ClassstringClasses CSS extras adicionadas ao elemento raiz.
HeightDoubleAltura máxima do corpo da grade, por exemplo 24rem (28rem por padrão com VirtualScroll).
IntegerTicksbool?Força passos de eixo com números inteiros; por padrão são usados quando todos os valores são inteiros.
LabelstringTexto visível do rótulo (gráficos: nome acessível; IconButton: nome acessível e dica de ferramenta).
ModeAreaMode
SeriesIEnumerable<ChartSeries>Séries de dados: ChartSeries(name, values).
ShowDataLabelsboolEscreve o valor em cada marca (barras, pontos de linha, fatias de pizza).
ShowExportboolAdiciona botões que salvam o gráfico como imagem PNG ou SVG.
ShowGridboolDesenha linhas de grade horizontais.
ShowLegendboolMostra a legenda clicável.
SmoothboolDesenha linhas curvas em vez de segmentos retos.
StylestringEstilo embutido adicionado ao elemento raiz.
TrendChartTrendLinha None, Linear ou MovingAverage para cada série mostrada.
TrendPeriodintNúmero de valores usados pela média móvel (3 por padrão).
ValueFormatstringFormato numérico para o eixo e as dicas de ferramenta, p. ex. N0 ou P1.
WidthDoubleSkeleton: qualquer comprimento CSS. Charts: largura do desenho em unidades SVG (o gráfico continua se ajustando ao seu contêiner).
ZeroBasedboolSempre inclui o zero no eixo de valores.
ZoomableboolAdiciona 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.