Siin on mõned näited Reacti graafikuteekidest koos nende vastavate funktsioonide ja näidetega:
1. Reageerige Chartjs 2
- Funktsioonid: erinevad diagrammitüübid, nagu joon, riba, pirukas ja palju muud.- Näited:
- Vertikaalne tulpdiagramm
- Horisontaalne tulpdiagramm
- virnastatud tulpdiagramm
- Rühmitatud tulpdiagramm
- Piirkonna diagramm
- Joonediagramm
- Mitmeteljeline joondiagramm
- sektordiagramm
- sõõriku diagramm
- Polaarala kaart
- radari diagramm
- hajuvusdiagramm
- mulldiagramm
- Mitut tüüpi diagramm
- Sündmuste diagramm
- diagrammi viide
- Gradiendi diagramm
2. Reageerige Google'i edetabelitele
- Funktsioonid: erinevad diagrammitüübid, nagu ala, riba, mull ja palju muud.- Näited:
- Piirkonna diagramm
- Tulpdiagramm
- mulldiagramm
- Kalender
- Küünlajalgade diagramm
- Veergdiagramm
- kombineeritud diagramm
- Gantt
- Mõõtur
- Geokaart
- Histogramm
- Joonediagramm
- Organisatsiooni diagramm
- sektordiagramm
- Sankey
- hajuvusdiagramm
- astmeline piirkonna diagramm
- laud
- Ajaskaala
- Puukaart
- Sõnapuu
- Animatsioonid
- diagrammiredaktor
- Juhtnupud
- Koostoimed
- Paigutus
- Arvutustabel
- Tööriistariba
3. ApexCharts.js
- Funktsioonid: erinevad diagrammitüübid, nagu joon, veerg, riba, pirukas ja palju muud.- Näited: sisaldab kõigi näidete lähtekoodi, et säästa arendusaega.
4. CanvasJS
- Funktsioonid: interaktiivsed, tundlikud diagrammid koos animatsiooni, suumimise, panoraamimise, sündmuste, eksportimise, süvendamise ja reaalajas värskendustega.- Näited:
- Joonediagrammid
- Spline ja Step Line diagrammid
- Piirkonnakaardid
- Splaini pindala, virnastatud ala, virnastatud ala 100, astme pindala, vahemiku pindala ja vahemiku splaini pindala diagrammid
- Veergdiagrammid
- Tulpdiagrammid
- virnastatud veerg, virnastatud veerg 100%, vahemiku veerg, virnastatud riba, virnastatud riba 100%, vahemiku riba ja juga diagrammid
- sektordiagrammid
- Donut / Donut Charts
- lehtri- ja püramiiddiagrammid
- Küünlajalg ja OHLC graafikud
- hajuvus- ja mulldiagrammid
- Kast- ja vurrkaardid
- Vigade ja vigade joondiagrammid
- Dünaamilised diagrammid
- aktsiagraafikud vahemiku valija, navigaatori ja mitme diagrammiga
5. TanStack/react-charts
- Funktsioonid: erinevad diagrammitüübid, nagu joon, riba, mull ja palju muud.- Näited: sisaldab näiteid lihtsate, joonte, ribade, mullide, ala, kohandatud stiilide, kohandatud tööriistavihjete, teljevalikute, tumeda režiimi, sädelemise, harjamise, rühmitusrežiimide, tööriistaspikrite valikute ja muu kohta.
Need teegid pakuvad ulatuslikke näiteid ja malle, mis aitavad teil Reacti rakenduses diagrammide loomist alustada. Saate valida oma vajadustele kõige paremini sobiva graafiku selle põhjal, millist tüüpi diagramme soovite luua ja millist kohandamisastet vajate[1][2][3][4][5].
Tsitaadid:[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