myPieChart, chart.js 크기 조절하기

 

 

 

해당 그래프의 크기가 너무 작아 설정을 하려고 해도

 

부트스트랩의 css가 겹쳐있어 크기 수정이 안되고 있습니다.

 

이럴때에는

 

        <div class="chart-container" style="position: relative; height:50vh; width:40vw">
          <canvas id="myPieChart"></canvas>
        </div>

 

가져오는 그래프 <canvas id="myPieChart"></canvas>의 상위에

 

<div class="chart-container" style="position: relative; height:50vh; width:40vw"></div>

https://ming9mon.tistory.com/m/108

chart.js 크기 조정 / 사이즈 조정

참고

 

로 감싸 크기를 조절할수있습니다.

 

적용을 하면

 

 

 

 

이렇게 크기가 켜졌지만 구석으로 옮겨졌네요

 

이제 위치만 수정하면 될거같습니다.