Oto kilka przykładów bibliotek wykresów React z ich funkcjami i przykładami:
1. Reaguj na wykresy 2
- Funkcje: Różne typy wykresów, takie jak liniowe, słupkowe, kołowe i inne.- Przykłady:
- Pionowy wykres słupkowy
- Poziomy wykres słupkowy
- Skumulowany wykres słupkowy
- Zgrupowany wykres słupkowy
- Wykres obszarowy
- Wykres liniowy
- Wykres liniowy wieloosiowy
- Wykres kołowy
- Wykres pączka
- Mapa obszaru polarnego
- Wykres radarowy
- Wykres punktowy
- Wykres bąbelkowy
- Wykres wielotypowy
- Wydarzenia na wykresie
- Wykres nr
- Wykres gradientowy
2. Reaguj na Wykresy Google
- Funkcje: Różne typy wykresów, takie jak obszar, słupek, bąbelek i inne.- Przykłady:
- Wykres obszarowy
- Wykres słupkowy
- Wykres bąbelkowy
- Kalendarz
- Wykres świecowy
- Wykres kolumnowy
- Wykres kombi
- Gantta
- Miernik
- Wykres geograficzny
- Histogram
- Wykres liniowy
- Schemat organizacyjny
- Wykres kołowy
- Sankey
- Wykres punktowy
- Wykres warstwowy stopniowany
- Tabela
- Oś czasu
- Mapa drzew
- Drzewo słów
- Animacje
- Edytor wykresów
- Sterowanie
- Interakcje
- Układ
- Arkusz kalkulacyjny
- Pasek narzędzi
3. ApexCharts.js
- Funkcje: Różne typy wykresów, takie jak liniowe, kolumnowe, słupkowe, kołowe i inne.- Przykłady: Zawiera kod źródłowy wszystkich przykładów, aby zaoszczędzić czas programowania.
4. CanvasJS
- Funkcje: Interaktywne, responsywne wykresy z animacją, powiększaniem, przesuwaniem, zdarzeniami, eksportowaniem, drążeniem i aktualizacjami w czasie rzeczywistym.- Przykłady:
- Wykresy liniowe
- Wykresy spline i step line
- Wykresy obszarowe
- Obszar splajnu, obszar skumulowany, obszar skumulowany 100, obszar kroku, obszar zakresu i wykresy obszarowe splajnu zakresu
- Wykresy kolumnowe
- Wykresy słupkowe
- Kolumna skumulowana, Kolumna skumulowana 100%, Kolumna zakresu, Słupek skumulowany, Słupek skumulowany 100%, Pasek zakresu i Wykresy kaskadowe
- Wykresy kołowe
- Wykresy pączków / pączków
- Wykresy lejkowe i piramidowe
- Wykresy świecowe i OHLC
- Wykresy punktowe i bąbelkowe
- Wykresy pudełkowe i wąsowe
- Wykresy błędów i linii błędów
- Wykresy dynamiczne
- Wykresy giełdowe z selektorem zakresu, nawigatorem i wieloma wykresami
5. Wykresy TanStack/reagowania
- Funkcje: Różne typy wykresów, takie jak liniowe, słupkowe, bąbelkowe i inne.- Przykłady: Zawiera przykłady prostych, linii, słupków, bąbelków, obszarów, stylów niestandardowych, niestandardowych etykiet narzędzi, opcji osi, trybu ciemnego, musowania, pędzla, trybów grupowania, opcji etykietek narzędzi i nie tylko.
Biblioteki te dostarczają rozbudowanych przykładów i szablonów, które pomogą Ci rozpocząć tworzenie wykresów w aplikacji React. Możesz wybrać ten, który najlepiej odpowiada Twoim potrzebom, w oparciu o typy wykresów, które chcesz utworzyć i wymagany poziom dostosowania[1] [2] [3] [4] [5].
Cytaty:[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