10.리차트

by

재차트React.js 기반의 데이터 시각화 라이브러리입니다.

Recharts는 다양한 차트 유형, 축 배율, 사용자 지정 레이블, 축 배율 및 기타 시각화 관련 기능을 제공합니다.

1. 리차트 설치

npm install recharts --save

2. Recharts 코드 적용


1) 수입

import {
	ResponsiveContainer,
	ComposedChart,
	Line,
	Bar,
	XAxis,
	YAxis,
	CartesianGrid,
	Tooltip,
	Legend,
} from 'recharts';

2) 컴포넌트 추가

 <ResponsiveContainer width="100%" height="100%">
        <BarChart width={150} height={40} data={data}>
          <Bar dataKey="uv" fill="#8884d8" />
        </BarChart>
 </ResponsiveContainer>