Šeit ir daži React diagrammu bibliotēku piemēri ar to attiecīgajām funkcijām un piemēriem:
1. Reage Chartjs 2
- Funkcijas: dažādi diagrammu veidi, piemēram, līnijas, joslas, sliedes un citi.- Piemēri:
- Vertikālā joslu diagramma
- Horizontālā joslu diagramma
- Stacked joslu diagramma
- grupēta joslu diagramma
- Apgabala diagramma
- Līniju diagramma
- Daudzasu līniju diagramma
- Sektoru diagramma
- virtuļu diagramma
- Polārā apgabala diagramma
- radara diagramma
- Izkliedes diagramma
- Burbuļu diagramma
- Daudzveidu diagramma
- Notikumu diagramma
- diagrammas Nr
- Gradienta diagramma
2. Reaģējiet uz Google diagrammām
- Funkcijas: dažādi diagrammu veidi, piemēram, apgabals, josla, burbulis un citi.- Piemēri:
- Apgabala diagramma
- joslu diagramma
- Burbuļu diagramma
- Kalendārs
- Svečturu diagramma
- Kolonnu diagramma
- Kombinētā diagramma
- Gants
- Mērinstruments
- Ģeogrāfiskā diagramma
- Histogramma
- Līniju diagramma
- Organizācijas diagramma
- Sektoru diagramma
- Sankijs
- Izkliedes diagramma
- Pakāpju apgabalu diagramma
- Galds
- Laika skala
- Koku karte
- Vārdu koks
- Animācijas
- Diagrammu redaktors
- Vadības ierīces
- Mijiedarbība
- Izkārtojums
- Izklājlapa
- Rīkjosla
3. ApexCharts.js
- Funkcijas: dažādi diagrammu veidi, piemēram, līnijas, kolonnas, joslas, gabalos un citi.- Piemēri: ietver visu piemēru pirmkodu, lai ietaupītu izstrādes laiku.
4. CanvasJS
- Funkcijas: interaktīvas, atsaucīgas diagrammas ar animāciju, tālummaiņu, panoramēšanu, notikumiem, eksportēšanu, izpēti un reāllaika atjauninājumiem.- Piemēri:
- Līniju diagrammas
- Spline un Step Line diagrammas
- Apgabalu diagrammas
- Spline laukums, stacked laukums, stacked laukums 100, soļu laukums, diapazona apgabals un diapazona splaina apgabala diagrammas
- Kolonnu diagrammas
- joslu diagrammas
- Stacked kolonna, sakrauta kolonna 100%, diapazona kolonna, sakrauta josla, sakrauta josla 100%, diapazona josla un ūdenskritumu diagrammas
- sektoru diagrammas
- virtuļu / virtuļu diagrammas
- Piltuvju un piramīdu diagrammas
- Svečturis un OHLC diagrammas
- izkliedes un burbuļu diagrammas
- Kastīšu un ūsu diagrammas
- Kļūdu un kļūdu līniju diagrammas
- Dinamiskās diagrammas
- Krājumu diagrammas ar diapazona atlasītāju, navigatoru un vairākām diagrammām
5. TanStack/react-charts
- Funkcijas: dažādi diagrammu veidi, piemēram, līnija, josla, burbulis un citi.- Piemēri: ietver vienkāršus, līniju, joslu, burbuļu, apgabalu, pielāgotu stilu, pielāgotu rīkpadomu, asu opciju, tumšā režīma, dzirkstīšanas, suku, grupēšanas režīmu, rīka padomu opciju un citu piemēru piemērus.
Šajās bibliotēkās ir pieejami plaši piemēri un veidnes, lai palīdzētu jums sākt veidot diagrammas lietojumprogrammā React. Varat izvēlēties to, kas vislabāk atbilst jūsu vajadzībām, pamatojoties uz diagrammu veidiem, ko vēlaties izveidot, un nepieciešamo pielāgošanas līmeni[1][2][3][4][5].
Citāts:[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