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

BarChart

Complete

Barras agrupadas ou empilhadas, verticais ou horizontais, com valores negativos aceitos no modo agrupado.

Exemplo

Controle BarChart

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).
HorizontalboolDesenha as barras da esquerda para a direita, com as categorias no lado esquerdo.
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).
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.
StackedboolEmpilha as séries umas sobre as outras.
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.

Eventos

EventoTipoDescrição
OnBarClickEventCallback<ChartPointClick>

Pacote

BarChart faz parte do RayCraft Complete. Pacote: RayCraft.Blazor.Complete. Vem do feed privado do RayCraft e requer uma licença ativa. Veja Primeiros passos.