[센서 모니터링 시스템] 11. Rechart를 사용한 센서 데이터 시각화
Intro 인터넷을 찾아보다 Rechart라는 좋은 그래프 패키지를 찾았다. 디자인도 괜찮고 사용방법도 어렵지 않아 이 패키지로 센서 데이터를 시각화 해보기로 했다. Rechart 패키지 설치 우선 rechart 패키지를 설치해주자. npm install recharts 그 다음 App.js에 아래의 코드를 추가한 뒤에 차트가 잘 나오는지 테스트해보자. import React, { PureComponent } from 'react'; import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend } from 'recharts'; const data = [ { name: 'Page A', uv: 4000, pv: 2400, amt: 2400,..
2022. 8. 19.