首页 > 解决方案 > 图表 JS 画布调整大小

问题描述

在此处输入图像描述

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

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

我希望扩展画布以适应 div 的宽度,但保持图表大小相同。如图所示,画布已突出显示,我希望将其扩展。我努力了

maintainAspectRatio: false

但这弄乱了我的引导布局。有没有人对我如何做到这一点有任何见解

标签: javascriptreactjscanvasresizechart.js

解决方案


推荐阅读