Diagramme

Revenue Area Card

Eine 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.

Total Revenue+12.4%

Jan–Dec average

Revenue Area Card 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: accentColor, areaOpacity, smoothing, trend, title

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

1884Sessions Line CardDiagrammeEine Sieben-Tage-Sitzungskarte, bei der die Lektüre in der Handlung sitzt, unten rechts verankert ist und ein hervorgehobener Punkt beim Scrubben auf dem Spline verläuft.

1541Spark lineDiagrammeEine Reihe metrischer Kacheln, deren Sparklines sich selbst auf der Halterung zeichnen und dem Zeiger mit einem Fadenkreuz folgen, das den darunter liegenden Wert anzeigt.

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.

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.

1859Forecast tail lineDiagrammeEine gestrichelte Fortsetzung, die eine Serie über ihren letzten wirklichen Punkt hinaus bis zum Horizont führt, sich ausdehnt und auf einer hohlen Markierung landet.

2099Gridline area chartDiagrammeEin kartengerahmtes Flächendiagramm mit zwei überlappenden gefüllten Ebenen, Häkchen mit abgerundeten Achsen, einer schwachen Gitterlinie und einer Fußzeile, die den Trend angibt.