Diagramme

Ranked Share Bar Chart

Ein horizontales Rangdiagramm einer Reihe, aufgeteilt nach Kategorien, wobei jeder Balken seinen eigenen Farbton aus einer geordneten Palette erhält und die Zeilen vom größten zum kleinsten Anteil sortiert werden.

Listening share

Trailing 30 days

Synthwave

Lo-fi

Indie folk

Deep house

Ambient

Synthwave overtook Lo-fi six weeks ago and keeps widening its lead.

Ranked Share 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: paletteBase, rowCount, barRadius, animate

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

2277Horizontal bar chartDiagrammeEin zeilenbasiertes Balkendiagramm mit Kategoriebeschriftungen in einem festen linken Bundsteg und abgerundeten Balken, die von einem gemeinsamen linken Rand ausgehen und anhand des größten Werts skaliert werden.

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.

2273Highlighted bar chartDiagrammeEin Kategorie-Balkendiagramm, bei dem ein Balken mit einer gestrichelten Umrandung und einer helleren Füllung hervorgehoben wird und die Beschriftung dem Balken folgt, auf den Sie zeigen.

2278Inline labeled bar chartDiagrammeEin horizontales Balkendiagramm, bei dem der Kategoriename in jedem Balken und der Wert direkt hinter der Spitze gedruckt ist, sodass keine Achsenspalte erforderlich ist.

2316Chip legend pieDiagrammeEin solides Kreisdiagramm ohne Beschriftungen auf den Segmenten, gepaart mit einer umwickelten Reihe von Farbchips darunter, die jedes Segment benennen und beim Bewegen des Mauszeigers synchron hervorheben.

2336Donut share chartDiagrammeEin Donut aus fünf Scheiben mit einer hohlen Mitte und haarfeinen Lücken, der sich auf der Halterung öffnet und diejenige Scheibe anhebt, über der sich der Zeiger befindet.