ApexCharts 在调整窗口大小之前不正确

Question

我有 VueJS ApexCharts，页面上有 2 个图表。在初始加载时，两者都是错误的。如果我调整页面大小，它们是正确的，因此数据传递正确。它与组件的表示有关。知道去哪里看吗？

      <apexchart
            width="80%"
            type="pie"
            :options="chartOptions"
            :series="series"
          ></apexchart>

    <apexchart v-if="historySeries"
        width="100%"
        height="100%"
        type="bar"
        :options="historyChart"
        :series="historySeries"
      ></apexchart>

Answer 1

解决方案是使用 refs，如果处理实时数据需要文档提示 ref，但我不知道如何在我的页面中获取它

<apexchart width="80%"
        ref="realtimePie"
        type="pie"
        :options="chartOptions"
        :series="series"
      ></apexchart>

然后在我的JS区

const realtimePie = ref()
realtimePie.value.updateSeries(series)
return {realtimePie}