다음은 해당 기능 및 예제가있는 React 차트 라이브러리의 몇 가지 예입니다.
1. 반응 차트 2
- 기능 : 라인, 바, 파이 등과 같은 다양한 차트 유형.- 예 :
- 수직 막대 차트
- 수평 막대 차트
- 쌓인 막대 차트
- 그룹화 된 막대 차트
- 영역 차트
- 라인 차트
- 다종선 차트
- 파이 차트
- 도넛 차트
- 극지 지역 차트
- 레이더 차트
- 산란 차트
- 버블 차트
- 멀티 파트 차트
- 차트 이벤트
- 차트 참조
- 그라디언트 차트
2. Google 차트에 반응합니다
- 기능 : 영역, 바, 버블 등과 같은 다양한 차트 유형.- 예 :
- 영역 차트
- 막대 차트
- 버블 차트
- 달력
- 촛대 차트
- 열 차트
- 콤보 차트
- 간트
- 게이지
- 지리 차트
- 히스토그램
- 라인 차트
- 조직 차트
- 파이 차트
- 산키
- 산란 차트
- 계단식 영역 차트
- 테이블
- 타임 라인
- 트리 맵
- 단어 트리
- 애니메이션
- 차트 편집기
- 제어
- 상호 작용
- 레이아웃
- 스프레드 시트
- 도구 모음
3. ApexCharts.js
- 기능 : 라인, 열, 바, 파이 등과 같은 다양한 차트 유형.- 예 : 개발 시간을 절약하기 위해 모든 예제에 대한 소스 코드가 포함되어 있습니다.
4. Canvasjs
- 기능 : 애니메이션, 확대 / 축소, 패닝, 이벤트, 내보내기, 드릴 다운 및 실시간 업데이트가있는 대화식, 반응 형 차트.- 예 :
- 라인 차트
- 스플라인 및 스텝 라인 차트
- 지역 차트
- 스플라인 면적, 쌓인 면적, 쌓인 면적 100, 단계 면적, 범위 면적 및 범위 스플라인 영역 차트
- 열 차트
- 막대 차트
- 쌓인 컬럼, 쌓인 열 100%, 범위 컬럼, 쌓인 막대, 쌓인 막대 100%, 범위 막대 및 폭포 차트
- 파이 차트
- 도넛 / 도넛 차트
- 깔때기 및 피라미드 차트
-Candlestick 및 OHLC 차트
- 산란 및 버블 차트
- 상자 및 수염 도표
- 오류 및 오류선 차트
- 동적 차트
- 범위 선택기, 네비게이터 및 다중 차트가있는 스톡 차트
5. Tanstack/React-Charts
- 기능 : 라인, 바, 버블 등과 같은 다양한 차트 유형.- 예제 : 간단한, 라인, 바, 버블, 영역, 사용자 정의 스타일, 사용자 정의 툴팁, 축 옵션, 어두운 모드, 스파클링, 브러싱, 그룹화 모드, 툴팁 옵션 등의 예제가 포함되어 있습니다.
이 라이브러리는 REACT 응용 프로그램에서 차트 작성을 시작할 수 있도록 광범위한 예제 및 템플릿을 제공합니다. 작성하려는 차트 유형과 필요한 사용자 정의 수준에 따라 요구에 가장 적합한 것을 선택할 수 있습니다 [1] [2] [3] [4] [5].
인용 :[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