Her er nogle eksempler på React-kortbiblioteker med deres respektive funktioner og eksempler:
1. React Chartjs 2
- Funktioner: Forskellige diagramtyper som linje, søjle, cirkel og mere.- Eksempler:
- Lodret søjlediagram
- Vandret søjlediagram
- Stablet søjlediagram
- Grupperet søjlediagram
- Områdediagram
- Linjediagram
- Multiakse linjediagram
- Cirkeldiagram
- Donut-diagram
- Polarområdekort
- Radarkort
- Punktdiagram
- Boblediagram
- Multitype diagram
- Korthændelser
- Diagram Ref
- Gradientdiagram
2. Reager Google Charts
- Funktioner: Forskellige diagramtyper som område, søjle, boble og mere.- Eksempler:
- Områdediagram
- Søjlediagram
- Boblediagram
- Kalender
- Lysestagediagram
- Kolonnediagram
- Kombinationsdiagram
- Gantt
- Måler
- Geodiagram
- Histogram
- Linjediagram
- Organisationsdiagram
- Cirkeldiagram
- Sankey
- Punktdiagram
- Trindelt områdediagram
- Bord
- Tidslinje
- Trækort
- Ordtræ
- Animationer
- Chart Editor
- Kontrolelementer
- Interaktioner
- Layout
- Regneark
- Værktøjslinje
3. ApexCharts.js
- Funktioner: Forskellige diagramtyper som linje, kolonne, søjle, cirkel og mere.- Eksempler: Indeholder kildekode til alle eksempler for at spare udviklingstid.
4. CanvasJS
- Funktioner: Interaktive, responsive diagrammer med animation, zoom, panorering, begivenheder, eksport, drilldown og realtidsopdateringer.- Eksempler:
- Linjediagrammer
- Spline- og trinlinjediagrammer
- Områdediagrammer
- Spline Area, Stacked Area, Stacked Area 100, Step Area, Range Area og Range Spline Area Charts
- Kolonnediagrammer
- Søjlediagrammer
- Stablet søjle, stablet søjle 100 %, områdesøjle, stablet søjle, stakket søjle 100 %, område søjle og vandfaldsdiagrammer
- Cirkeldiagrammer
- Donut / Donut Charts
- Tragt- og pyramidediagrammer
- Lysestage og OHLC-diagrammer
- Scatter- og boblediagrammer
- Box og Whisker Charts
- Fejl- og fejllinjediagrammer
- Dynamiske diagrammer
- Aktiekort med områdevælger, navigator og flere diagrammer
5. TanStack/react-charts
- Funktioner: Forskellige diagramtyper som linje, søjle, boble og mere.- Eksempler: Indeholder eksempler på simple, linje, streg, boble, område, brugerdefinerede stilarter, brugerdefinerede værktøjstip, akseindstillinger, mørk tilstand, funklende, børstning, grupperingstilstande, valgmuligheder for værktøjstip og mere.
Disse biblioteker giver omfattende eksempler og skabeloner til at hjælpe dig i gang med at oprette diagrammer i din React-applikation. Du kan vælge den, der bedst passer til dine behov, baseret på de typer diagrammer, du vil oprette, og det tilpasningsniveau, du har brug for[1][2][3][4][5].
Citater:[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