Diagramme

Leader line pie

Ein solides Kreisdiagramm, dessen Werte außerhalb des Kreises liegen und jeweils durch eine aus zwei Segmenten bestehende Führungslinie an ihren Ausschnitt gebunden sind.

Traffic sources

Sessions by channel, last 30 days

12,240 sessions across 5 categories

Hover, tap or focus a slice for its share of the total.

Leader line pie verwenden

Ein solides Kreisdiagramm, dessen Werte außerhalb des Kreises liegen und jeweils durch eine aus zwei Segmenten bestehende Führungslinie an ihren Ausschnitt gebunden sind.

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, hueRange, labelDistance, showLeaders, gap

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

2348Engraved label pieDiagrammeEin solides Kreisdiagramm, das jeden Kategorienamen in seinem eigenen Segment in einer invertierten Farbe einfügt, sodass die Aufschlüsselung ohne äußere Beschriftungen oder Führungslinien angezeigt wird.

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.

2403Plain Share PieDiagrammeDas Nötigste eines Kreisdiagramms: fünf bündige Abschnitte, ein dünner Trennstrich und ein Hover-Tooltip, ohne dass sonst etwas hinzugefügt wird.

2420Seamless share pieDiagrammeEine feste Torte, deren Scheiben Kante an Kante miteinander verbunden sind und zwischen denen keine Lücken oder Striche vorhanden sind. Das Schweben ist also das Einzige, was verrät, wo ein Teil endet und der nächste beginnt.

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.