Vue) chart.js 사이즈 조정하기

chart.js 는 기본적으로 데이터에 맞게 조정되기때문에 무작정 사이즈를 조절하다보면 아래처럼 될 수도 있다..

 

 

 

크기를 변경해주려면 option 에서 responsive : false 로 적고

canvas에 width랑 height를 지정해주면 된다. 

 

<div>
    <canvas id="TotalChart" style="width: 48%;"></canvas>
</div>


, options: {
    responsive : false
    , plugins: {
        title: {
            display: true,
            text: '합계'
        }
    }
}