Diagramme

Twin ring chart

Zwei konzentrische Ringe, eine innere Scheibe und ein getrenntes äußeres Band, die auf einen Blick dieselben fünf Kategorien über zwei Zeiträume hinweg vergleichen.

Support load

This week vs last week, by category

Focus

Hover or focus a wedge to compare a category.

Inner disc is this week's share of tickets.

Outer band is last week's share, same categories.

Twin ring chart verwenden

Zwei konzentrische Ringe, eine innere Scheibe und ein getrenntes äußeres Band, die auf einen Blick dieselben fünf Kategorien über zwei Zeiträume hinweg vergleichen.

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, innerRadius, ringGap, outerBand

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

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.

2294Dotted Trend LineDiagrammeEine glatte Einzelserienkurve mit einer gefüllten Markierung an jedem Punkt und einer ringförmigen Markierung, die an dem Punkt einrastet, der dem Zeiger am nächsten liegt.

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.

2086Candle Price ChartDiagrammeEin OHLC-Kerzendiagramm mit farbigen Auf- und Abwärtskerzen, einem Docht pro Periode und einem Hover-Tooltip, der den Eröffnungs-, Höchst-, Tiefst- und Schlusskurs anzeigt.

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.