Diagramme

Themed chart frame

Ein wiederverwendbarer gruppierter Balkendiagrammrahmen, der jeder Reihe eine einheitliche Farbe, einen schwebenden Tooltip mit Stil und eine Legende verleiht, die andere Reihen beim Bewegen des Mauszeigers abblendet.

Themed chart frame 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: barGap, cornerRadius, primaryColor, secondaryColor, showLegend

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

2291Named point lineDiagrammeEine Linie über fünf Kategorien, die jeden Kategorienamen über seinem Punkt anstelle einer Zahl druckt und den Wert der Hover-Anzeige überlässt.

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.

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.

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.