Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Beispielcode reagieren


Beispielcode reagieren


Hier sind einige Beispiele für React -Charting -Bibliotheken mit ihren jeweiligen Funktionen und Beispielen:

1. React Chartjs 2

- Funktionen: Verschiedene Diagrammtypen wie Linie, Bar, Kuchen und mehr.
- Beispiele:
- vertikales Balkendiagramm
- Horizontales Balkendiagramm
- Stapelte Balkendiagramm
- gruppierter Balkendiagramm
- Flächendiagramm
- Zeilendiagramm
- Multixis Line -Diagramm
- Kreisdiagramm
- Donut -Diagramm
- Polar Area -Diagramm
- Radardiagramm
- Streudiagramm
- Blasendiagramm
- MultitePe -Diagramm
- Diagrammereignisse
- Diagramm Ref
- Gradientenkarte

2. Reagieren Sie Google -Diagramme

- Funktionen: Verschiedene Diagrammtypen wie Fläche, Bar, Blase und mehr.
- Beispiele:
- Flächendiagramm
- Balkendiagramm
- Blasendiagramm
- Kalender
- Candlestick -Chart
- Spaltendiagramm
- Combo -Tabelle
- Gantt
- Messgerät
- Geo -Diagramm
- Histogramm
- Zeilendiagramm
- Org -Diagramm
- Kreisdiagramm
- Sankey
- Streudiagramm
- Seveled Area Chart
- Tisch
- Zeitleiste
- Baumkarte
- Wortbaum
- Animationen
- Chartredakteur
- Kontrollen
- Interaktionen
- Layout
- Tabelle
- Symbolleiste

3. apexcharts.js

- Funktionen: Verschiedene Diagrammtypen wie Zeile, Spalte, Balken, Kuchen und mehr.
- Beispiele: Enthält Quellcode für alle Beispiele, um die Entwicklungszeit zu sparen.

4. Canvasjs

- Funktionen: Interaktive, reaktionsschnelle Diagramme mit Animation, Zoomen, Schwenk, Ereignissen, Exportieren, Drilldown und Echtzeit-Updates.
- Beispiele:
- Zeilendiagramme
- Spline- und Stiefzeilendiagramme
- Flächendiagramme
- Spline -Fläche, gestapelte Fläche, gestapelte Fläche 100, Stufenbereich, Reichweite und Spline -Flächen -Charts
- Spaltendiagramme
- Balkendiagramme
- Stapelte Säule, gestapelte Säule zu 100%, Bereichsspalte, gestapelte Balken, gestapelte Balken 100%, Reichweite und Wasserfalldiagramme
- Kreisdiagramme
- Donut / Donut -Charts
- Trichter- und Pyramidendiagramme
- Candlestick- und OHLC -Diagramme
- Streu- und Blasendiagramme
- Box- und Whisker -Diagramme
- Fehler- und Fehlerzeilendiagramme
- Dynamische Diagramme
- Aktiendiagramme mit Range Selector, Navigator und mehreren Diagrammen

5. TanStack/React-Charts

- Funktionen: Verschiedene Diagrammtypen wie Linie, Balken, Blasen und mehr.
- Beispiele: Enthält Beispiele für einfache, Linie, Balken, Blasen, Bereich, benutzerdefinierte Stile, benutzerdefinierte Tooltips, Achsenoptionen, dunkle Modus, Glitzer, Bürsten, Gruppierungsmodi, Tooltip -Optionen und mehr.

Diese Bibliotheken bieten umfangreiche Beispiele und Vorlagen, mit denen Sie mit dem Erstellen von Diagrammen in Ihrer Reaktionsanwendung beginnen können. Sie können die auswählen, die Ihren Anforderungen am besten anhand der Arten von Diagrammen entspricht, die Sie erstellen möchten, und die Anpassungsstufe, die Sie benötigen [1] [2] [3] [4] [5].

Zitate:
[1] https://react-chartjs-2.js.org/examples/
[2] https://www.react-google-charts.com/examples
[3] https://apexcharts.com/react-chart-demos/
[4] https://canvasjs.com/react-charts/
[5] https://codesandbox.io/examples/package/react-charts