Gráficas

Horizontal bar chart

Un gráfico de barras basado en filas con etiquetas de categoría en un margen izquierdo fijo y barras redondeadas que se extienden desde un borde izquierdo compartido, escaladas según el valor más grande.

Traffic by channel

Sessions this week

Ranked by total sessions

Cómo usar Horizontal bar chart

Prueba la vista previa con el cursor y el teclado. Comprueba el foco visible y la composición en pantallas estrechas dentro de tu página. Usa el número de ficha o el identificador cuando pidas el componente a tu agente.

Propiedades: accentColor, rowCount, barRadius, labelWidth, animate

¿Qué frameworks están disponibles?

El catálogo incluye estas versiones: react, vue, svelte, astro, html. La vista previa de esta página utiliza React.

¿Cómo accedo a la implementación?

La vista previa y la descripción son públicas. Inicia sesión con una cuenta autorizada para abrir el código, las versiones y el panel de instalación.

Conecta tu agente

Relacionados

2282Ranked Share Bar ChartGráficasUn gráfico de clasificación horizontal de una serie dividida por categoría, donde cada barra toma su propio tono de una paleta ordenada y las filas se clasifican de mayor a menor.

2273Highlighted bar chartGráficasUn gráfico de barras de categorías donde una barra se destaca con un contorno discontinuo y un relleno más claro, y la leyenda sigue a la barra a la que apunte.

2278Inline labeled bar chartGráficasUn gráfico de barras horizontales con el nombre de la categoría impreso dentro de cada barra y el valor impreso justo después de su punta, por lo que no se necesita ninguna columna de eje.

2281Paired bar chartGráficasUn gráfico de barras agrupadas donde cada mes muestra dos barras una al lado de la otra, una por serie, para comparar dos medidas en las mismas categorías.

2287Category dot lineGráficasUna única curva suave a través de cinco categorías con nombre donde cada marcador de punto se colorea a partir de una rampa de acento rotada por tono, por lo que los marcadores funcionan como leyenda.

2280Metric switch bar chartGráficasUn gráfico de barras diario denso con dos mosaicos métricos en el encabezado; Al hacer clic en un mosaico, las barras se transforman en esa métrica.