Fieldbook
Anmelden

Diagramme

Spark line

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

Spark line verwenden

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

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: color, smooth, points

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

Highlight trail chart
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.
Area chart lite
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.
Candle Price Chart
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.
Chip legend pie
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.
Donut share chart
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.
Dotted Trend Line
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.