Šeit ir daži reaģēšanas bibliotēku piemēri ar to attiecīgajām funkcijām un piemēriem:
1. React Chartjs 2
- Funkcijas: dažādi diagrammu veidi, piemēram, līnija, josla, pīrāgs un citas.- Piemēri:
- vertikāla joslu diagramma
- Horizontālā joslu diagramma
- Saliktā joslu diagramma
- Grupēta joslu diagramma
- apgabala diagramma
- Līniju diagramma
- Multixis līnijas diagramma
- sektoru diagramma
- Donuts diagramma
- Polārā apgabala diagramma
- Radaru diagramma
- Izkliedēšanas diagramma
- burbuļu diagramma
- multitype diagramma
- diagrammu notikumi
- diagramma Ref
- Gradienta diagramma
2. React Google diagrammas
- Funkcijas: dažādi diagrammu veidi, piemēram, apgabals, josla, burbulis un daudz kas cits.- Piemēri:
- apgabala diagramma
- joslu diagramma
- burbuļu diagramma
- kalendārs
- Svečturu diagramma
- kolonnu diagramma
- Combo diagramma
- Gants
- mērītājs
- Ģeo diagramma
- histogramma
- Līniju diagramma
- org diagramma
- sektoru diagramma
- Sankey
- Izkliedēšanas diagramma
- Pakāpju apgabala diagramma
- galds
- laika skala
- Koku karte
- Vārds koks
- animācijas
- diagrammu redaktors
- kontroles
- mijiedarbība
- izkārtojums
- izklājlapa
- rīkjosla
3. apexcharts.js
- Funkcijas: dažādi diagrammu veidi, piemēram, līnija, kolonna, josla, pīrāgs un daudz ko citu.- Piemēri: Ietver avota kodu visiem piemēriem, lai ietaupītu attīstības laiku.
4. Canvasjs
- Funkcijas: interaktīvas, atsaucīgas diagrammas ar animāciju, tuvināšanu, panoramēšanu, notikumiem, eksportēšanu, urbšanu un reāllaika atjauninājumiem.- Piemēri:
- līniju diagrammas
- Spine un pakāpienu līnijas diagrammas
- apgabala diagrammas
- SPLINE laukums, sakrauta zona, sakrauta platība 100, pakāpju laukums, diapazona laukums un diapazona splainas laukuma diagrammas
- kolonnu diagrammas
- joslu diagrammas
- Stacked kolonna, sakrauta kolonna 100%, diapazona kolonna, sakrauta josla, sakrauta josla 100%, diapazona josla un ūdenskrituma diagrammas
- sektoru diagrammas
- Donuts / virtuļu diagrammas
- piltuves un piramīdas diagrammas
- Candlestick un OHLC diagrammas
- Izkliedēšanas un burbuļu diagrammas
- Box un ūsas diagrammas
- Kļūdu un kļūdu līniju diagrammas
- Dinamiskās diagrammas
- Akciju diagrammas ar diapazona selektoru, navigatoru un vairākām diagrammām
5. TanStack/react-charts
- Funkcijas: dažādi diagrammu veidi, piemēram, līnija, josla, burbulis un daudz kas cits.- Piemēri: Ietver vienkāršu, līnijas, joslas, burbuļa, apgabala, pielāgotu stilu, pielāgotu instrumentu padomu, ass opciju, tumšo režīmu, dzirkstošo, suku, grupēšanas režīmu, instrumentu padomu opciju un daudz ko citu piemēri.
Šīs bibliotēkas sniedz plašus piemērus un veidnes, lai palīdzētu jums sākt veidot diagrammas react lietojumprogrammā. Jūs varat izvēlēties to, kas vislabāk atbilst jūsu vajadzībām, pamatojoties uz to diagrammu veidiem, kurus vēlaties izveidot, un nepieciešamo pielāgošanas līmeni [1] [2] [3] [4] [5].
Atsauces:[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