Diagramme

Animated Value Axis

Eine 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.

Weekly signups

100

200

300

400

Animated Value Axis verwenden

Eine 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.

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, formatLargeNumbers, highlightColor

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?

Vorschau und Beschreibung sind öffentlich. Melde dich mit einem berechtigten Konto an, um Code, Framework-Versionen und Installation zu öffnen.

Verbinde deinen Agenten

Ähnliche Komponenten

2104Animated Time AxisDiagrammeEine 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.

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.

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.

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.

2086Candle Price ChartDiagrammeEin OHLC-Kerzendiagramm mit farbigen Auf- und Abwärtskerzen, einem Docht pro Periode und einem Hover-Tooltip, der den Eröffnungs-, Höchst-, Tiefst- und Schlusskurs anzeigt.

2287Category dot lineDiagrammeEine einzelne glatte Kurve über fünf benannte Kategorien, wobei jede Punktmarkierung anhand einer farblich gedrehten Akzentrampe gefärbt wird, sodass die Markierungen gleichzeitig als Legende dienen.