Javascript 图表JS画布调整大小

Javascript 图表JS画布调整大小,javascript,reactjs,canvas,resize,chart.js,Javascript,Reactjs,Canvas,Resize,Chart.js,我目前正在画布中调整图表的大小 <div> <canvas id="OrdersFufilledChart" ref={this.OrdersFufilledChart} width={360} height={360} /> </div> 我希望扩展画布以适应div的宽度,但保持图表的大小不变。如图所示,画布已高亮显示,我希望将其扩展。我试过了 maintaintAspectratio:false 但

我目前正在画布中调整图表的大小

<div>
<canvas
     id="OrdersFufilledChart"
     ref={this.OrdersFufilledChart}
     width={360}
     height={360}
     />
</div> 

我希望扩展画布以适应div的宽度,但保持图表的大小不变。如图所示,画布已高亮显示,我希望将其扩展。我试过了

maintaintAspectratio:false

但这打乱了我的引导布局。有人知道我该怎么做吗