ApexCharts图表在安装时比通过编程将宽度设置为100％更宽

Question

TL; DR-以编程方式设置宽度会在图表的右侧添加一些怪异的幻影空间，而在初始载荷（宽度预先设置为100％）时，绘图数据会占用图形的整个宽度图表。我显然希望后者全面。 ---图片在底部---

目前，我正在使用一些看起来像这样的选项来呈现页面加载时的图表：

const options = {
  chart: {
    id: 'coverageShareChart',
    type: 'bar',
    stacked: true,
    stackType: '100%',
    height: 400,
    width: '100%',
    toolbar: {
      show: false,
    },
    ...rest of options/series/etc.
}

当用户单击数据点（使用dataPointSelection事件）时，我启动了以下功能：

function() {
  const newOptions = {
    ...coverageShareOptions,
    chart: {
      ...coverageShareOptions.chart,
      width: '50%'
    }
  }
  ApexCharts.exec('coverageShareChart', 'updateOptions', newOptions);
}

将图表宽度设置为50％。然后，如果用户单击相同的数据点，它将使宽度返回100％。 -基本上，它会缩小图表并在右侧打开一个详细菜单，就是这样。

在我第一次以编程方式更改宽度时，即使图表/包装器本身缩小到正确的大小，绘图数据（实际条形图）的收缩程度也应超出其应有的程度，然后绘图数据就永远不会扩展到全部100％-好像获得了一定的利润。

这是图表的初始负载：

以下是将图表最小化为width: "50%"的情况（如您所见，它远远少于50％）：

最后，这是回到width: "100%"的图片，其中强调了缺少的部分：