调整JS画布的大小

Question

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

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

我希望将画布扩展到适合div的宽度，但保持图表大小不变。如图所示，画布已突出显示，我希望对此进行扩展。我尝试过

maintainAspectRatio: false

但是弄乱了我的引导程序布局。有人对我该怎么做有见识