Graphiques

Grow bar chart

Un graphique à barres dont les colonnes s'agrandissent à partir de la ligne de base lors du chargement, bascule entre la disposition verticale et horizontale et met en surbrillance une barre à la fois lors du survol.

New signups by month

Jul total 1,540

Utiliser Grow bar chart

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: orientation, accentColor, barCount, showGrid

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les versions et les commandes d’installation sont disponibles dans le panneau ci-dessus.

Connectez votre agent

Composants proches

2105Range Filtered Bar ReportGraphiquesUne carte d'analyse avec un graphique à barres du nombre quotidien de visiteurs qui se redessine uniquement pour les jours compris dans une plage de dates choisie dans un calendrier déroulant.

2103Themed chart frameGraphiquesUn cadre de graphique à barres groupées réutilisable qui donne à chaque série une couleur cohérente, une info-bulle flottante stylisée et une légende qui atténue les autres séries au survol.

1840Activity cell heatmapGraphiquesUne grille de calendrier composée de petits carrés teintés qui balaye une onde diagonale et permet à une bande de niveau d'isoler une intensité à la fois.

2104Animated Time AxisGraphiquesUne rangée d'étiquettes de date sous un graphique linéaire qui sélectionne automatiquement un sous-ensemble régulièrement espacé pour éviter l'encombrement et atténue les étiquettes à proximité du point survolé.

2097Animated Value AxisGraphiquesColonne d'étiquettes de valeurs à côté d'un graphique qui abrége les grands nombres et glisse facilement vers de nouvelles positions chaque fois que la plage de données du graphique change.

1525Area chart liteGraphiquesUn graphique en aires SVG réactif avec des graduations à axe rond, un remplissage dégradé, un réticule qui lit l'échantillon sous le pointeur et un volet de dessin.