Graphiques

Animated Time Axis

Une 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é.

Session length

Drag the chart to narrow the range

Jun 2Jun 18Jul 3Jul 18Aug 4

Utiliser Animated Time Axis

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: numTicks, fadeNearCursor, accent

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

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.

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.

2099Gridline area chartGraphiquesUn 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.

2095Timeline scatter chartGraphiquesUn nuage de points de séries chronologiques où chaque lecture est un petit marqueur annulaire, apparaissant lors du chargement et atténuant ses voisins lorsque vous survolez un point dans le temps.

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.