Gráficos

Paired bar chart

Um gráfico de barras agrupadas onde cada mês mostra duas barras side-by-side, uma por série, para comparar duas medidas nas mesmas categorias.

Sessions vs orders

Jan – Jun

SessionsOrders

JanFebMarAprMayJun

Sessions climbed 79% since January while orders grew 63%, widening the gap between traffic and completed orders.

Como usar Paired bar chart

Um gráfico de barras agrupadas onde cada mês mostra duas barras side-by-side, uma por série, para comparar duas medidas nas mesmas categorias.

Teste a prévia com o mouse e o teclado. Verifique o foco visível e o layout em telas estreitas na sua página. Informe o número ou o identificador do componente ao seu agente de programação.

Propriedades: primaryColor, secondaryColor, barRadius, groupGap, animate

Quais frameworks estão disponíveis?

O catálogo inclui estas versões: react, vue, svelte, astro, html. A prévia desta página usa React.

Como acessar a implementação?

O código, as versões e os comandos de instalação estão disponíveis no painel acima.

Conecte seu agente

Componentes relacionados

2397Paired Series LineGráficosDuas séries suavizadas nos mesmos meses em uma escala compartilhada, com um guia flutuante que lê os dois valores lado a lado em um painel.

2277Horizontal bar chartGráficosUm gráfico de barras baseado em linhas com rótulos de categoria em uma medianiz esquerda fixa e barras arredondadas que saem de uma borda esquerda compartilhada, dimensionadas em relação ao maior valor.

2275Rounded bar chartGráficosUm gráfico de barras simples de série única com topos de barra generosamente arredondados, linhas de grade tênues e um chip de valor que aparece sobre qualquer barra que esteja pairando.

2284Signed value bar chartGráficosUm gráfico de barras mensal centrado em uma linha zero, com barras subindo em uma cor e caindo em outra dependendo do sinal.

2285Stacked segment bar chartGráficosUm gráfico de barras onde duas séries são empilhadas em uma coluna por mês, o segmento inferior em um acento e o segmento superior em outro, com uma pequena legenda explicando a divisão.

2286Value tagged bar chartGráficosUm gráfico de barras verticais onde cada barra carrega seu próprio número flutuando logo acima de sua ponta, para que o gráfico seja lido corretamente sem verificar um eixo.