Question

我创建带有空值的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();
}

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

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

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

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

谢谢

Answer 1

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

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

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

ApexChart更新系列和标签

1 个答案: