몽땅뚝딱 개발자

Chart.js - 비율이 아닌 부모의 크기에 맞춰 크기 조정하기 본문

Development/Chart.js

Chart.js - 비율이 아닌 부모의 크기에 맞춰 크기 조정하기

레오나르도 다빈츠 2022. 7. 9. 17:33

 

 

 

뷰포트가 달라지면 원래의 비율을 유지한 채 늘어난다.

반응형인 경우 아래 옵션을 추가하면 비율이 아닌 부모의 크기에 맞춰 늘어나고 줄어든다.

 

options: {
  maintainAspectRatio: false,
}

 

 

 

 

 

 

출처

 

Responsive Charts | Chart.js

Responsive Charts When it comes to changing the chart size based on the window size, a major limitation is that the canvas render size (canvas.width and .height) can not be expressed with relative values, contrary to the display size (canvas.style.width an

www.chartjs.org

 

 

 

개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.

 

 

저작자표시

'Development > Chart.js' 카테고리의 다른 글

[Chart.js] 차트의 datalabels에 아이콘 넣기  (1) 2023.11.25
[Chart.js] 차트 사이즈에 맞춰 폰트사이즈 변경하기  (0) 2023.01.31
[Chart.js] 양 축의 레이블을 차트 안쪽으로 넣기  (0) 2022.10.02
Chart.js - chartjs-plugin-datalabels  (0) 2022.08.20
Chart.js - 그래프와 범례 간 간격 조정  (0) 2022.07.09
'Development/Chart.js' Related Articles more
Comments

티스토리툴바