引导卡容器内的 d3js 图表

Question

我在引导卡容器中有 d3js 图表，如下所示（vue-js 应用程序）：

<div class="row">
    <div class="col-lg-3">
     <div class="card p-4">
       <D3NoOfResponses
           :responseDataList="responsesList"
           id="qResponses1"
        />
      </div>
    </div>
   </div>

请注意，这张卡附近有副官卡。 一切都很好，直到我调整浏览器的大小并且看起来所有其他卡片看起来都很好，除了 d3 图表卡片容器它会在一段时间内变大/变小。

PS：考虑有四张卡片可以容纳 12 列（一张 d3js 图表和三张非 d3js 图表卡片）

任何人都面临过类似的情况。

谢谢