Diagramme

Grow bar chart

Ein Balkendiagramm, dessen Spalten beim Laden von der Grundlinie nach oben wachsen, zwischen vertikalem und horizontalem Layout wechselt und beim Bewegen des Mauszeigers jeweils einen Balken hervorhebt.

New signups by month

Jul total 1,540

Grow bar chart 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: orientation, accentColor, barCount, showGrid

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

2105Range Filtered Bar ReportDiagrammeEine Analysekarte mit einem Balkendiagramm der täglichen Besucherzahlen, das nur die Tage innerhalb eines aus einem Dropdown-Kalender ausgewählten Datumsbereichs neu darstellt.

2103Themed chart frameDiagrammeEin wiederverwendbarer gruppierter Balkendiagrammrahmen, der jeder Reihe eine einheitliche Farbe, einen schwebenden Tooltip mit Stil und eine Legende verleiht, die andere Reihen beim Bewegen des Mauszeigers abblendet.

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.

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.

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.