chartjs在bootstrap列中没有使用全宽

Question

我正在使用ChartJS在row>col内的甜甜圈中绘制一个甜甜圈，如下所示在library的反应组件中（不确定它是否重要，但无论如何我都会提到它.. 。）：

<div class="row">
    <div class="col-md-8">....</div>
    <div class="col-md-4">
       <RC2 data={chartData} type='donut' />
    </div>
</div>

图表绘制得很好，并在有新数据时更新。这太棒了。问题是圆环没有占据柱子的整个宽度，最终变得很小！见下图：

有什么想法吗？