Gráficas

Donut share chart

Un donut de cinco rebanadas con un centro hueco y espacios finos que se abren en la montura y levantan cualquier rebanada sobre la que esté el puntero.

Traffic by source

Last 30 days

38,000total

38,000 total across 5 categories.

Organic search leads at 48%.

Cómo usar Donut share chart

Un donut de cinco rebanadas con un centro hueco y espacios finos que se abren en la montura y levantan cualquier rebanada sobre la que esté el puntero.

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: accent, hueRange, holeRatio, gap, showTooltip

¿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?

El código, las versiones y los comandos de instalación están disponibles en el panel superior.

Conecta tu agente

Relacionados

2403Plain Share PieGráficasLo esencial de un gráfico circular: cinco sectores alineados, un trazo divisorio fino y una información sobre herramientas al pasar el mouse, sin agregar nada más.

2348Engraved label pieGráficasUn gráfico circular sólido que establece cada nombre de categoría dentro de su propio sector en un color invertido, de modo que el desglose se lee sin etiquetas ni líneas guía externas.

2408Raised Slice DonutGráficasUn donut donde una porción se eleva permanentemente sobre el anillo al extender su radio exterior, y la elevación se desliza hacia cualquier otra porción al pasar el mouse.

2420Seamless share pieGráficasUn pastel sólido con sus porciones fusionadas de borde a borde y sin espacios ni trazos entre ellas, por lo que pasar el cursor es lo único que revela dónde termina una porción y comienza la siguiente.

1525Area chart liteGráficasUn gráfico de área SVG responsivo con marcas de eje redondo, un relleno degradado, una cruz que lee la muestra debajo del puntero y un borrado de dibujo.

2086Candle Price ChartGráficasUn gráfico de velas OHLC con velas de colores hacia arriba y hacia abajo, una mecha por período y una información sobre herramientas flotante que muestra la apertura, el máximo, el mínimo y el cierre.