Серия обновлений и метки ApexChart

Я создаю 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?

Спасибо


person myTest532 myTest532    schedule 24.04.2020    source источник


Ответы (1)


Если вы обновляете и серию, и метки, это нужно будет сделать в два отдельных вызова.

Используйте метод updateSeries, чтобы предоставить новую серию данных (в виде массива).

Используйте метод updateOptions, чтобы предоставить новые метки (как объект, который будет объединен с существующими параметры, сохраняя любые конфигурации не отмененными).

person Oscar Schafer    schedule 06.04.2021