Diagramme

Layered trend chart

Ein Kombinationsdiagramm, das eine Balkenreihe, eine gefüllte Fläche und eine Linie auf einer gemeinsamen Zeitachse überlagert, sodass Volumen, kumulative Summe und Rate zusammen gelesen werden können.

Layered trend chart 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: lineColor, areaColor, showBars, showArea

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

1961Flow Area ChartDiagrammeEin Zeitreihen-Flächendiagramm mit einer Verlaufsfüllung, die sich beim Laden einzieht und beim Bewegen des Mauszeigers ein Fadenkreuz mit einem Wert-Tooltip anzeigt.

1905Revenue Area CardDiagrammeEine metrische Karte, deren Körper eine gefüllte Sparkline-Fläche ist; Wenn Sie mit der Maus über einen Monat fahren, werden die Überschrift, die Bildunterschrift und das Änderungsfeld mit der Lektüre dieses Monats vertauscht.

1840Activity cell heatmapDiagrammeEin Kalenderraster aus kleinen getönten Quadraten, das in einer diagonalen Welle verläuft und es einem ebenen Streifen ermöglicht, jeweils eine Intensität zu isolieren.

2104Animated Time AxisDiagrammeEine Reihe von Datumsbeschriftungen unter einem Liniendiagramm, das automatisch eine gleichmäßig verteilte Teilmenge auswählt, um Überfüllung zu vermeiden, und Beschriftungen in der Nähe des schwebenden Punkts ausblendet.

2097Animated Value AxisDiagrammeEine Spalte mit Wertebeschriftungen neben einem Diagramm, die große Zahlen abkürzt und sanft zu neuen Positionen gleitet, wenn sich der Datenbereich des Diagramms ändert.

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.