[이슈] : react-chartjs 사이즈 조정하기

📋 내용 : react-chartjs로 생성한 차트 사이즈 조정하기

chart.js를 리액트에 이식한 react-chartjs-2를 사용하면 예쁜 차트를 그릴 수 있습니다.

다만 차트의 크기가 생각보다 훨씬 크거나 작을 수 있는데, 아래처럼 인라인 스타일을 적용해도 제대로 반영이 되질 않습니다.

<Bar data={data} options={options} style={{ position: "relative", height: "200px" }} />

이는 설정 객체 중, responsive 라는 속성의 값을 false 로 지정해 해결할 수 있습니다.

const options = {
  // responsive 속성을 false로 지정한다.
  responsive: false,
  scales: {
    yAxes: [
      {
        ticks: {
          beginAtZero: true,
        },
      },
    ],
  },
};