Her er noen eksempler på React Charting Libraries med deres respektive funksjoner og eksempler:
1. React Chartjs 2
- Funksjoner: Ulike karttyper som linje, bar, kake og mer.- Eksempler:
- Vertikal søylediagram
- Horisontalt søylediagram
- stablet søylediagram
- Gruppert søylediagram
- Områdekart
- Linjekart
- Multiaxis Line Chart
- Kakediagram
- Donut Chart
- Polar arealdiagram
- Radarkart
- Spredt diagram
- Bubble Chart
- Multitype -diagram
- Karthendelser
- Chart Ref
- Gradientdiagram
2. React Google Charts
- Funksjoner: Ulike karttyper som område, bar, boble og mer.- Eksempler:
- Områdekart
- Søylediagram
- Bubble Chart
- Kalender
- Lysestake -diagram
- Kolonnediagram
- Kombinasjonsdiagram
- Gantt
- måler
- Geo -diagram
- Histogram
- Linjekart
- Org -diagram
- Kakediagram
- Sankey
- Spredt diagram
- Trappet områdediagram
- Tabell
- Tidslinje
- Trekart
- ord tre
- Animasjoner
- Chart Editor
- Kontroller
- interaksjoner
- Oppsett
- regneark
- Verktøylinje
3. apexcharts.js
- Funksjoner: Ulike karttyper som linje, kolonne, stolpe, kake og mer.- Eksempler: Inkluderer kildekode for alle eksempler for å spare utviklingstid.
4. Canvasjs
- Funksjoner: Interaktive, responsive diagrammer med animasjon, zooming, panorering, arrangementer, eksport, drilldown og sanntidsoppdateringer.- Eksempler:
- Linjekart
- Spline og trinnlinjekart
- Områdekart
- Splineområde, stablet område, stablet område 100, trinnsområde, rekkevidde og rekkevidde splineområde diagrammer
- Kolonnediagrammer
- Stangdiagrammer
- Stablet kolonne, stablet kolonne 100%, rekkevidde -kolonne, stablet stang, stablet stolpe 100%, rekkevidde stolpe og fossefallsdiagrammer
- Kakediagrammer
- Donut / smultringdiagrammer
- trakt- og pyramidediagrammer
- Lysestake og OHLC -diagrammer
- Spredning og boble -diagrammer
- Boks- og whisker -diagrammer
- Feil- og feillinjekart
- Dynamiske diagrammer
- Lagerdiagrammer med rekkevalg, navigatør og flere diagrammer
5. Tanstack/React-Charts
- Funksjoner: Ulike karttyper som linje, bar, boble og mer.- Eksempler: Inkluderer eksempler for enkle, linje, bar, boble, område, tilpassede stiler, tilpassede verktøytips, aksemuligheter, mørk modus, glitrende, børsting, grupperingsmodus, verktøytipsalternativer og mer.
Disse bibliotekene gir omfattende eksempler og maler som hjelper deg å komme i gang med å lage diagrammer i React -applikasjonen din. Du kan velge den som best passer dine behov basert på hvilke typer diagrammer du vil opprette og tilpasningsnivået du trenger [1] [2] [3] [4] [5].
Sitasjoner:[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-carts