Štai keli „React“ diagramų bibliotekų su atitinkamomis funkcijomis ir pavyzdžiais pavyzdžiai:
1. Reaguokite į diagramą 2
- Ypatybės: įvairių tipų diagramos, pvz., linijos, juostos, skrituliukai ir kt.- Pavyzdžiai:
- Vertikali juostinė diagrama
- Horizontali juostinė diagrama
- Sukrauta juostinė diagrama
- Sugrupuota juostinė diagrama
- ploto diagrama
- Linijinė diagrama
- Daugiaašių linijų diagrama
- Skritulinė diagrama
- Spurgų diagrama
- Poliarinės zonos diagrama
- Radaro diagrama
- Taškinė diagrama
- Burbulų diagrama
- kelių tipų diagrama
- Įvykių diagrama
- diagramos Nr
- Gradiento diagrama
2. Reaguokite į „Google“ diagramas
- Ypatybės: įvairių tipų diagramos, pvz., sritis, juosta, burbulas ir kt.- Pavyzdžiai:
- ploto diagrama
- Juostinė diagrama
- Burbulų diagrama
- Kalendorius
- Žvakidžių diagrama
- Stulpelių diagrama
- Kombinuota diagrama
- Gantas
- Matuoklis
- Geografinė diagrama
- Histograma
- Linijinė diagrama
- Organizacijos diagrama
- Skritulinė diagrama
- Sankey
- Taškinė diagrama
- Pakopinė ploto diagrama
- Stalas
- Laiko juosta
- Medžių žemėlapis
- Žodžių medis
- Animacijos
- Diagramų redaktorius
- Valdikliai
– Sąveikos
- Išdėstymas
- Skaičiuoklė
- Įrankių juosta
3. ApexCharts.js
- Ypatybės: įvairūs diagramų tipai, pvz., linija, stulpelis, juosta, apskritimas ir kt.- Pavyzdžiai: apima visų pavyzdžių šaltinio kodą, kad sutaupytumėte kūrimo laiko.
4. CanvasJS
- Funkcijos: interaktyvios, reaguojančios diagramos su animacija, mastelio keitimu, slinkimu, įvykiais, eksportavimu, detalizavimu ir atnaujinimais realiuoju laiku.- Pavyzdžiai:
- Linijinės diagramos
- Spline ir Step Line diagramos
- Plotų diagramos
- Spline plotas, sukrautas plotas, sukrautas plotas 100, žingsnio plotas, diapazono plotas ir diapazono spline ploto diagramos
- Stulpelių diagramos
- Juostinės diagramos
- Sudėtinė stulpelis, sukrauta stulpelis 100%, diapazono stulpelis, sukrauta juosta, sukrauta juosta 100%, diapazono juosta ir krioklio diagramos
- Skritulinės diagramos
- Spurgų / spurgų diagramos
- Piltuvo ir piramidės diagramos
- Žvakidė ir OHLC diagramos
- Taškinės ir burbulinės diagramos
- Dėžutės ir ūsų diagramos
- Klaidų ir klaidų linijų diagramos
- Dinaminės diagramos
- Akcijų diagramos su diapazono parinkikliu, navigatoriumi ir keliomis diagramomis
5. TanStack/react-charts
- Ypatybės: įvairūs diagramų tipai, pvz., linija, juosta, burbulas ir kt.– Pavyzdžiai: apima paprastų, linijų, juostų, burbulų, srities, tinkintų stilių, tinkintų įrankių patarimų, ašies parinkčių, tamsaus režimo, blizgėjimo, šepečiu, grupavimo režimų, patarimo parinkčių ir kt. pavyzdžius.
Šiose bibliotekose yra daug pavyzdžių ir šablonų, kurie padės pradėti kurti diagramas React programoje. Galite pasirinkti tą, kuris geriausiai atitinka jūsų poreikius, atsižvelgdami į norimų kurti diagramų tipus ir reikiamą tinkinimo lygį[1][2][3][4][5].
Citatos:[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