Diagramme

Animated Time Axis

Eine Reihe von Datumsbeschriftungen unter einem Liniendiagramm, das automatisch eine gleichmäßig verteilte Teilmenge auswählt, um Überfüllung zu vermeiden, und Beschriftungen in der Nähe des schwebenden Punkts ausblendet.

Session length

Drag the chart to narrow the range

Jun 2Jun 18Jul 3Jul 18Aug 4

Animated Time Axis verwenden

Teste die Vorschau mit Maus und Tastatur. Prüfe den sichtbaren Fokus und das Layout auf schmalen Bildschirmen in deiner eigenen Seite. Nenne deinem Agenten die Nummer oder den Bezeichner, um diese Komponente abzurufen.

Eigenschaften: numTicks, fadeNearCursor, accent

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Code, Framework-Versionen und Installationsbefehle sind im Arbeitsbereich oben verfügbar.

Verbinde deinen Agenten

Ähnliche Komponenten

2097Animated Value AxisDiagrammeEine Spalte mit Wertebeschriftungen neben einem Diagramm, die große Zahlen abkürzt und sanft zu neuen Positionen gleitet, wenn sich der Datenbereich des Diagramms ändert.

1525Area chart liteDiagrammeEin reaktionsfähiges SVG-Flächendiagramm mit runden Achsenstrichen, einer Verlaufsfüllung, einem Fadenkreuz, das das Muster unter dem Zeiger liest, und einem Wischtuch zum Zeichnen.

1961Flow Area ChartDiagrammeEin Zeitreihen-Flächendiagramm mit einer Verlaufsfüllung, die sich beim Laden einzieht und beim Bewegen des Mauszeigers ein Fadenkreuz mit einem Wert-Tooltip anzeigt.

2099Gridline area chartDiagrammeEin kartengerahmtes Flächendiagramm mit zwei überlappenden gefüllten Ebenen, Häkchen mit abgerundeten Achsen, einer schwachen Gitterlinie und einer Fußzeile, die den Trend angibt.

2095Timeline scatter chartDiagrammeEin Zeitreihen-Streudiagramm, bei dem jeder Messwert ein kleiner Ringmarker ist, der unter Last erscheint und seine Nachbarn verdunkelt, wenn Sie sich in der Nähe eines Zeitpunkts bewegen.

1840Activity cell heatmapDiagrammeEin Kalenderraster aus kleinen getönten Quadraten, das in einer diagonalen Welle verläuft und es einem ebenen Streifen ermöglicht, jeweils eine Intensität zu isolieren.