Diagramme

Concentric Ring Chart

Ineinander verschachtelte Fortschrittsringe, die sich bei der Montage auf ihren eigenen Prozentsatz bewegen und einen Live-Center-Gesamtwert teilen, wie ein Messgerät mit mehreren Skalen.

0Sessions

Concentric Ring Chart verwenden

Ineinander verschachtelte Fortschrittsringe, die sich bei der Montage auf ihren eigenen Prozentsatz bewegen und einen Live-Center-Gesamtwert teilen, wie ein Messgerät mit mehreren Skalen.

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: strokeWidth, ringGap, accent, animationSpeed, showCenterLabel

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

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.

2092Highlight trail chartDiagrammeEin mehrzeiliges Trenddiagramm, bei dem durch Bewegen des Mauszeigers ein kurzes nachlaufendes Segment einer Reihe aufgehellt wird, während der Rest davon und die anderen Linien abgedunkelt werden.

1871Notched arc gaugeDiagrammeEine Partiturskala, die aus sich verjüngenden Kerben besteht, die nacheinander um einen offenen Bogen herum aufleuchten, mit einer fortlaufenden Zahl in der Mitte.

2408Raised Slice DonutDiagrammeEin Donut, bei dem ein Slice dauerhaft über den Ring angehoben wird, indem sein Außenradius erweitert wird, und die Erhöhung beim Schweben zu jedem anderen Slice gleitet.

2292Series Switch TrendDiagrammeEine 90-Tage-Trendlinie mit insgesamt zwei Kacheln in der Kopfzeile; Wenn Sie eine Kachel auswählen, wird die Linie in diese Serie umgewandelt und der Strich an seinen Akzent angepasst.