我正在使用apexcharts和vue。我希望迷你图的宽度是其父级的100%。
所以这就是我所做的：

<div>
  <apexchart
    :options="chartOptions"
    :series="series"
    height="150"
    style="width: 100%"
  />
</div>

我还尝试将宽度设置为组件的属性，但它的行为是一样的。
以下是我的图表选项：

chartOptions: {
   chart: {
       type: 'area',
       sparkline: {
           enabled: true
       }
   },
   dataLabels: {
       enabled: false
   },
   stroke: {
       curve: 'straight',
       width: 3,
   },
   xaxis: {
       type: 'datetime',
   }
}

所以这里没有什么特别的，它是从apex Jmeter 板的例子复制的，我添加的唯一的东西是试图设置宽度100%。
它会溢出其父项（绿色）和父项的容器（黄色），如下所示：

但是，当我调整窗口大小（不刷新）时，它不会保持原来的大小，它会变得比父窗口小：

如何使它填充其父容器（绿色容器）的宽度并保持这种状态（响应）？
谢谢