jquery - ApexCharts - 使用appendSeries 添加多个系列不起作用

Question

我想加载并显示多个数据系列(如本示例)，但我的数据来自网络服务。

根据ApexCharts的文档，我们可以使用appendSeries将数据系列添加到现有图表中。

这是我的 JavaScript 代码，我用它来获取数据并将其添加为新的数据系列。

//Load second series
var url = 'chartdata_r02b.php';

$.getJSON(url, function(response){
    console.log(response);
    chart.appendSeries([{
    name: 'Stock Usage 2021-2022',
    data: response      
  }]);
  
});

如果我使用 updateSeries，则先前加载的系列将被替换。

这里有什么问题吗？

TIA

Answer 1

appendSeries expects an Object ，而不是对象数组。您正在将一个新系列添加到图表的现有系列数组中。

值得注意的是，另一方面 updateSeries expects an Array of Objects因为在这种情况下，您要替换现有的。 (这就是上面的代码示例有效的原因，并且正如您所提到的，它取代了现有的系列。)

如果您想添加多个新系列而不删除现有系列，您可以:

1. 循环执行此操作，将每个系列分别传递给 appendSeries。
2. 将图表中的现有系列与图表中的新系列相结合 将 Web 服务放入传递给的单个数组中 更新系列。