Javascript 宽度计算不正确//C3图表

我正在Vue.js仪表板项目中使用C3Charts。为了解决面积图永久增长的问题，当宽度不固定时，我使用偏移网络宽度计算图表的宽度，如下所示：

HTML:

图表配置：

this.chartConfig = {
      size:{
        width: this.chartwidth
      },
      ...
};

这工作正常，但我的contentdiv初始化的方式太大了。所以我用同样的方法通过身体的偏移宽度来计算尺寸。现在，我的AreaChart组件的“chartwidth”变量似乎没有计算正确的宽度值。我想是的，因为我的contentdiv也有一个计算宽度，在调整它的大小之前，图表宽度的计算已经完成

如果可能的话，有人知道一次计算要等到第一次计算完成吗

---

附言：为了更好的理解，我有三个部分。一个是主机，它包含导航栏和机身插槽。另一个是我的布局组件，我在我的描述中把它命名为Content Div。第三个是我的面积图组件。面积图被粘贴到布局组件和大型机组件中的布局组件中。

你能给出jsfiddel吗？你能给出jsfiddel吗？

this.chartwidth = document.getElementById('areachart').offsetWidth;

this.chartConfig = {
      size:{
        width: this.chartwidth
      },
      ...
};