您可以尝试两个步骤：height（HTML/CSS）和aspectRation（JS）。
height将控制de DIV在哪里的图形，这可能会解决您的问题。此外，请寻找没有失踪的DIV或类似的东西。

<div class="col-md-12">
    <script type="text/javascript" src="https://npmcdn.com/chart.js@latest/dist/chart.min.js"></script>
    <canvas id="graphicID" style="height:50vh;"></canvas>
</div>

之后，您可能会注意到图形尺寸太小，无法填满所有可用的DIV空间。为此，您需要查看aspectRation，它控制DIV中图形的尺寸。doughnut的默认值是1，但对我来说，1.4是一个很好的方法。

const config = {
    type: 'doughnut',
    data: data,
    options: {
        aspectRatio: 1.4,
    }
};

有关其他信息，请查看https://www.chartjs.org/docs/latest/configuration/responsive.html