Diagramme

Series Legend List

Eine Legende, die gleichzeitig als Rangliste dient: Punkt, Beschriftung, rollierender Wert, Anteil am Gesamtwert und ein dünner Balken, mit Hover, der die anderen Zeilen stummschaltet.

Traffic sources

Hover, focus or press a row to spotlight a series

Series Legend List verwenden

Eine Legende, die gleichzeitig als Rangliste dient: Punkt, Beschriftung, rollierender Wert, Anteil am Gesamtwert und ein dünner Balken, mit Hover, der die anderen Zeilen stummschaltet.

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: accent, title, items, showPercentage, showProgress

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

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.

2395Outside Value PieDiagrammeEin solides Kreisdiagramm mit bloßen Zahlen, die direkt außerhalb jedes Segments schweben und so positioniert sind, dass jede Beschriftung von der Mitte nach außen zeigt, ohne Verbindungslinien.

1902Wedge Pop PieDiagrammeEin Kuchen oder Donut, dessen Stücke sich abwechselnd öffnen und unter dem Zeiger nach außen schieben, wobei die Mitte zum schwebenden Stück wechselt.

2323Concentric Ring RadarDiagrammeEin Polardiagramm, dessen Maßstab als echte konzentrische Kreise statt als verschachtelte Polygone gezeichnet wird, sodass die gezeichnete Form vor einem glatten Zielhintergrund angezeigt wird.

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.

2337Donut with totalDiagrammeEin Donut-Diagramm, das die laufende Summe in ein eigenes Loch einfügt und diese Anzeige auf das Segment austauscht, auf dem sich der Mauszeiger befindet oder der fokussiert ist.