Tässä on joitain esimerkkejä React-kartoituskirjastoista niiden ominaisuuksineen ja esimerkkeineen:
1. Reagoi Chartjs 2
- Ominaisuudet: Erilaiset kaaviotyypit, kuten viiva, palkki, ympyrä ja paljon muuta.- Esimerkkejä:
- Pystysuuntainen pylväskaavio
- Vaakasuuntainen pylväskaavio
- Pinottu pylväskaavio
- Ryhmitetty pylväskaavio
- Aluekartta
- Viivakaavio
- Moniakselinen viivakaavio
- Ympyräkaavio
- Donitsikaavio
- Napa-aluekartta
- Tutkakaavio
- Sirontakaavio
- kuplakaavio
- Monityyppinen kaavio
- Kaaviotapahtumat
- Kaavioviite
- Gradienttikaavio
2. Reagoi Google-kaavioihin
- Ominaisuudet: Erilaiset kaaviotyypit, kuten alue, palkki, kupla ja paljon muuta.- Esimerkkejä:
- Aluekartta
- Pylväskaavio
- kuplakaavio
- Kalenteri
- Kynttilänjalkakaavio
- Pylväskaavio
- Yhdistelmäkaavio
- Gantt
- Mittari
- Maantieteellinen kartta
- Histogrammi
- Viivakaavio
- Organisaatiokaavio
- Ympyräkaavio
- Sankey
- Sirontakaavio
- Porrastettu aluekaavio
- Pöytä
- Aikajana
- Puun kartta
- Sanapuu
- Animaatioita
- Kaavioeditori
- Säätimet
- Vuorovaikutuksia
- Asettelu
- Laskentataulukko
- Työkalupalkki
3. ApexCharts.js
- Ominaisuudet: Erilaiset kaaviotyypit, kuten viiva, sarake, palkki, ympyrä ja paljon muuta.- Esimerkkejä: Sisältää lähdekoodin kaikille esimerkeille kehitysajan säästämiseksi.
4. CanvasJS
- Ominaisuudet: Interaktiiviset, reagoivat kaaviot, joissa on animaatioita, zoomausta, panorointia, tapahtumia, vientiä, yksityiskohtia ja reaaliaikaisia päivityksiä.- Esimerkkejä:
- Viivakaaviot
- Spline ja Step Line Charts
- Aluekartat
- Spline-alue, Pinottu alue, Pinottu alue 100, Askelalue, Aluealue ja Range Spline Area -kaaviot
- Pylväskaaviot
- Pylväskaaviot
- Pinottu sarake, pinottu sarake 100%, aluesarake, pinottu palkki, pinottu palkki 100%, aluepalkki ja vesiputouskaaviot
- Ympyräkaaviot
- Donitsi- / Donitsikaaviot
- Suppilo- ja pyramidikaaviot
- Kynttilänjalka- ja OHLC-kaaviot
- Hajonta- ja kuplakaaviot
- Laatikko- ja Whisker-kaaviot
- Virhe- ja virheviivakaaviot
- Dynaamiset kaaviot
- Osakekaaviot alueen valitsimella, navigaattorilla ja useilla kaavioilla
5. TanStack/react-charts
- Ominaisuudet: Erilaiset kaaviotyypit, kuten viiva, palkki, kupla ja paljon muuta.- Esimerkkejä: Sisältää esimerkkejä yksinkertaisista, viiva-, palkki-, kupla-, alue-, mukautetuista tyyleistä, mukautetuista työkaluvihjeistä, akselivaihtoehdoista, tummasta tilasta, säkenöimisestä, siveltämisestä, ryhmittelytiloista, työkaluvihjevaihtoehdoista ja paljon muuta.
Nämä kirjastot tarjoavat laajoja esimerkkejä ja malleja, joiden avulla voit aloittaa kaavioiden luomisen React-sovelluksessasi. Voit valita tarpeisiisi parhaiten sopivan kaavion luotavien kaaviotyyppien ja tarvitsemasi mukauttamistason perusteella[1][2][3][4][5].
Lainaukset:[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