ApexChart 更新系列和标签答案

【问题标题】：ApexChart update series and labelsApexChart 更新系列和标签
【发布时间】：2022-01-25 17:17:02
【问题描述】：

我创建了一个带有空值的 ApexChart，因为我动态添加了系列和标签。

var options777 = {
    chart: {
        height: 397,
        type: 'line',
        toolbar: {
            show: false,
        }
    },
    series: [{
        name: 'Elegibility',
        type: 'column',
        data: []
    }],
    stroke: {
        width: [0, 4]
    },
    // labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
    labels: [],
    xaxis: {
        type: 'datetime'
    },
    yaxis: [{
        title: {
            text: 'Elegibility',
        }
    }
};

var chart777 = new ApexCharts(
    document.querySelector("#elegibilityChart"),
    options777
);
if (document.getElementById('elegibilityChart')) {
    chart777.render();
}

然后，我有一个接收两个数组的函数，一个带有系列数据，另一个带有标签数据。数组大小相同，series 包含数字和标签字符串。

function setData(mySeries, myLabels) {  
    chart777.updateOptions({
        series: {
            data: mySeries
        },
        labels: myLabels
    })      
}

当我运行我的代码时，它返回：error TypeError: "options$$1.series[0] is undefined"

如何更新 ApexChart 中的系列和标签？

谢谢

【问题讨论】：

标签： javascript apexcharts

【解决方案1】：

如果您同时更新系列和标签，则需要在两个单独的调用中完成。

使用updateSeries 方法提供新的数据系列（作为一个数组）。

使用updateOptions 方法提供新标签（作为将与现有选项合并的对象，保持任何配置不被覆盖）。

【讨论】：

【解决方案2】：

chart1.updateOptions({
   xaxis: {
      categories: year
   },
   series: [{
      data: trend
   }],
});

你应该使用这样的代码，我的意思是你应该更新 xaxis 类别而不是标签，还应该在选项中注释标签，而不是使用 xaxis 类别。

【讨论】：