아무래도 반응형 컨텐츠를 다루는 리액트이다보니
도표/차트를 사용하는 경우가 많다.
나도 이번에 티끌하면서 도넛차트 사용해야해서 이것저것 짜깁기 해서 구현했었는데
경험했었다 치고 ㅇ_ㅇ
좋은 차트 라이브러리가 있어서 적어두려고 포스팅 ㅇ_<
리엑트 프로젝트에 간단하게 패키지를 설치하고 데이터를 적용하면 사용할 수 있다. ㅇ_ㅇ!
라인부터 시작해서 파이차트까지 다양한 차트가 준비되어있듬
npm install --save react-apexcharts apexcharts설치하고 import 해줍시다 ㅇ_ㅇ!
import ApexChart from "react-apexcharts"
import한 차트 컴포넌트를 호출해서 데이터값과 옵션을 프롭스로 넘겨주면 된다.
이렇게 간단하고 이쁘게 표현할 수 있음 8ㅅ 8
이것이 라이브러리의 힘인가...!
좋은 소스같으니 나중에 쓸 일 있으면 자주 애용해야겠듬 ㅇ_ㅇ
:)