Tukaj je nekaj primerov knjižnic grafikonov React z njihovimi lastnostmi in primeri:
1. React Chartjs 2
- Funkcije: različne vrste grafikonov, kot so linijski, palični, tortni in drugi.- Primeri:
- Navpični palični grafikon
- Vodoravni stolpčni grafikon
- Zložen palični grafikon
- Združeni stolpčni grafikon
- Področni grafikon
- Črtni grafikon
- Večosni črtni grafikon
- Tortni grafikon
- Krofni grafikon
- Karta polarnega območja
- Radarska karta
- Raztreseni grafikon
- Mehurčasti grafikon
- Večvrstni grafikon
- Dogodki na lestvici
- Ref. grafikona
- Gradientni grafikon
2. React Google Charts
- Funkcije: različne vrste grafikonov, kot so ploščinski, palični, mehurčki in drugi.- Primeri:
- Področni grafikon
- Palični grafikon
- Mehurčasti grafikon
- Koledar
- Grafikon svečnikov
- Stolpčni grafikon
- Kombinirani grafikon
- Gantt
- Merilnik
- Geografski grafikon
- Histogram
- Črtni grafikon
- Organizacijska shema
- Tortni grafikon
- Sankey
- Raztreseni grafikon
- Stopničasti ploščinski grafikon
- Miza
- Časovnica
- Zemljevid dreves
- Besedno drevo
- Animacije
- Urejevalnik grafikonov
- Kontrole
- Interakcije
- Postavitev
- Preglednica
- Orodna vrstica
3. ApexCharts.js
- Funkcije: različne vrste grafikonov, kot so linijski, stolpčni, palični, tortni in drugi.- Primeri: Vključuje izvorno kodo za vse primere, da prihranite čas pri razvoju.
4. CanvasJS
- Funkcije: Interaktivni, odzivni grafikoni z animacijo, povečavo, premikanjem, dogodki, izvozom, vrtanjem navzdol in posodobitvami v realnem času.- Primeri:
- Črtni grafikoni
- Zlepki in stopničasti črtni grafikoni
- Površinski grafikoni
- Območje zlepka, naloženo območje, zloženo območje 100, območje korakov, območje razpona in diagrami območij zlepka
- Stolpčni grafikoni
- Palični grafikoni
- Zloženi stolpec, Zloženi stolpec 100 %, Stolpec z razponi, Zloženi stolpec, Zloženi stolpec 100 %, Vrstica z razponom in grafikoni s slapom
- Tortni grafikoni
- Donut / Donut Charts
- Likasti in piramidni grafikoni
- Grafi svečnikov in OHLC
- Raztreseni in mehurčasti grafikoni
- Grafi škatlic in brkov
- Napake in črtni grafikoni napak
- Dinamični grafikoni
- Grafikoni delnic z izbirnikom obsega, navigatorjem in več grafikoni
5. TanStack/react-charts
- Funkcije: različne vrste grafikonov, kot so linijski, palični, mehurčki in drugo.- Primeri: Vključuje primere za preproste, črtne, črtne, mehurčke, območja, sloge po meri, namige orodij po meri, možnosti osi, temni način, bleščanje, ščetkanje, načine združevanja, možnosti namigov orodij in drugo.
Te knjižnice ponujajo obsežne primere in predloge, ki vam bodo v pomoč pri ustvarjanju grafikonov v aplikaciji React. Izberete lahko tistega, ki najbolj ustreza vašim potrebam glede na vrste grafikonov, ki jih želite ustvariti, in stopnjo prilagajanja, ki jo potrebujete[1][2][3][4][5].
Citati:[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