Graphiques

Gridline area chart

Un graphique en aires encadré par une carte avec deux couches remplies qui se chevauchent, des graduations d'axe arrondies, un léger quadrillage et une ligne de pied de page annonçant la tendance.

Listener reach

Minutes played over the last 7 days

StreamedDownloaded

8.4%Streamed climbed against the stretch before

Utiliser Gridline area chart

Un graphique en aires encadré par une carte avec deux couches remplies qui se chevauchent, des graduations d'axe arrondies, un léger quadrillage et une ligne de pied de page annonçant la tendance.

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: trendPercent, trendDirection, primaryColor, secondaryColor, 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

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.

1888Smooth Area TrendGraphiquesUn graphique à zones d'une seule série avec un bord supérieur légèrement incurvé, un remplissage légèrement teinté, un quadrillage horizontal pâle et une lecture qui suit le pointeur.

1860Gradient Area ChartGraphiquesDeux séries mensuelles empilées dessinées sous forme de zones lisses dont les remplissages s'estompent d'une teinte forte au bord supérieur jusqu'à presque clair à la ligne de base.

2294Dotted Trend LineGraphiquesUne courbe lisse en série unique avec un marqueur rempli sur chaque point et un marqueur annelé qui s'aligne sur le point le plus proche du pointeur.

1961Flow Area ChartGraphiquesUn graphique en aires de séries chronologiques avec un remplissage dégradé qui se dessine au chargement et affiche un réticule avec une info-bulle de valeur au survol.

1906Series icon area chartGraphiquesUn graphique en aires empilées dont la légende donne à chaque série un petit glyphe de direction dessiné à côté de son échantillon et vous permet de désactiver une bande en cliquant dessus.