Recharts에서 차트의 비율을 조정하여 차트의 모양을 변경하는 방법은 aspectRatio 프로퍼티를 사용하는 것입니다.

aspectRatio 프로퍼티를 사용하면 가로와 세로의 비율을 조정하여 차트의 모양을 변경할 수 있습니다. 이 값을 조정함으로써 차트의 너비와 높이를 조절할 수 있습니다.

다음은 Recharts 차트에서 aspectRatio를 사용하는 예제입니다.

import { LineChart, Line } from 'recharts';

const data = [
  { name: 'A', value: 10 },
  { name: 'B', value: 20 },
  { name: 'C', value: 30 },
  { name: 'D', value: 15 },
];

const Chart = () => {
  return (
    <LineChart width={400} height={300} aspectRatio={2}>
      <Line type="monotone" dataKey="value" data={data} />
    </LineChart>
  );
};

export default Chart;

위의 예제에서 aspectRatio의 값은 2로 설정되어 있습니다. 이는 차트의 너비를 높이의 2배로 조정합니다. 따라서 차트는 가로로 더 넓게 표시됩니다.

aspectRatio 값을 조정하여 원하는 비율로 차트를 조정할 수 있습니다. 예를 들어, aspectRatio={0.5}로 설정하면 차트의 높이가 너비의 절반만큼 표시됩니다.

Recharts 공식 문서에서 aspectRatio에 대한 자세한 정보를 확인할 수 있습니다: Recharts Aspect Ratio

Recharts는 다양한 차트 타입과 옵션을 제공하며, 이를 활용하여 다양한 차트 형태를 만들 수 있습니다.