Gráficas
Spend breakdown chart
Consulta el gasto por servicio en un gráfico horizontal con escala común y comparación de periodos.
Cómo usar Spend breakdown chart
Consulta el gasto por servicio en un gráfico horizontal con escala común y comparación de periodos.
Consulta el gasto por servicio en un gráfico horizontal con escala común y comparación de periodos. En React controlado, usa value y onChange; onAction recibe la acción y el estado resultante. Usa defaultValue para un borrador local.
Selecciona Storage para leer su explicación y cambia a August para comparar importes. Este ejemplo solo actualiza un borrador local.
El ejemplo contiene tres categorías fijas con una escala común de $700. Sustituye los valores al adaptar el gráfico.
Propiedades: accent, status
¿Cómo recibe la aplicación los cambios?
En React controlado, usa value y onChange; onAction recibe la acción y el estado resultante. Usa defaultValue para un borrador local.
¿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.
