ApexCharts.exec updateSeries 只工作一次

如何解决ApexCharts.exec updateSeries 只工作一次

有一个我正在尝试使用 Apexcharts 解决的问题。

只是为了引导，我真的不能发布一个例子，因为图表代码有点大并且依赖网络套接字来获取数据，所以我将尽力解释流程，希望有人可能知道什么我在这里做错了，我提前道歉。

申请流程是

1. 用户可以查看调查结果（这是使用顶点图表）。这是一个模式窗口，可打开并构建一个包含图表 div 的即时弹出窗口，例如

   <div class="poll[dynamic number"></div>  
   

2. 用户打开了结果视图（这呈现得很好）并且有一个新的响应进来

3. 数据进来，我们使用

   ApexCharts.exec(chartName,'updateSeries',[{
      data: updateData
    }],true);
   

更新数据。第一次效果很好，但是如果我们关闭模态，再次打开它，图表呈现得很好，但新的响应不会更新图表。

查看代码，没有重复的 ID，因此当打开模态时，它会完全替换弹出窗口的内容，如前所述，图表每次都呈现得很好，但随后的 updateSeries 不起作用。将内容打印到控制台显示传入的数据，它似乎可以获取图表对象，但更新似乎不起作用。

重新加载页面将使更新生效，所以我认为这可能与它的启动方式有关，但试图在没有任何改变之前销毁图表。

我知道这很难在没有看到的情况下进行调试，如果我可以发布一个示例，我会。我想问题真的是，顶点图表 updateSeries 应该与多个动态生成的图表一起使用吗？如果没有，那为什么它一次又一次地起作用？

解决方法

好的，以防万一其他人遇到这个问题，我能够解决这个问题。

基本上在我们的代码中，我们重用了一个变量，然后渲染图表，但是通过这样做，原始图表对象在创建新图表之前不会被破坏。 （也许这个顶点图表应该抓住这一点，因为人们会认为 chartID 是唯一的，在创建新图表时，它会在创建新对象之前首先查找 chartID）

无论如何，我们将其移动为它们自己的动态变量，以便我们可以首先检查图表是否存在，并始终在创建新对象之前销毁该对象。