ApexChart TypeError: «c не определено» при обновлении диаграммы - PullRequest
0 голосов
/ 20 марта 2020

Я начал использовать ApexChart, и он прекрасно работал при создании диаграммы, но при попытке обновить диаграмму выдает ошибку «c не определено».

Ниже описано, как создать диаграмму. date - это массив с некоторыми датами, а значениями - массив с числами

var options = {
    chart: {
        height: 350,
        type: 'area',
        zoom: {
            enabled: false
        }
    },
    dataLabels: {
        enabled: false
    },
    stroke: {
        curve: 'straight'
    },
    series: [{
        name: "Sales",
        data: values
    }],
    title: {
        text: 'Number os sales',
        align: 'left'
    },
    labels: dates,
    xaxis: {
        type: 'datetime'
    },
    yaxis: {
        opposite: true
    },
    legend: {
        horizontalAlign: 'left'
    }
}
var chart = new ApexCharts(
    document.querySelector("#salesChart"),
    options
)
if (document.getElementById('salesChart')) {
    chart.render();
}

. Затем я пытаюсь обновить график следующим образом:

// Update label
ApexCharts.exec('salesChart', 'updateOptions', {
    xaxis: {
        labels: dates
    }
}, false, true)
// Update values
ApexCharts.exec('salesChart', 'updateSeries', [{
    data: values
}], true);

Обновление выше вызывается, когда я устанавливаю новые значения для массивов дат и значений. Возвращает ошибку:

TypeError: "c is undefined"
    getChartByID http://myserver.com/assets/js/vendors/charts/apex-charts.js:27013
    exec http://myserver.com/assets/js/vendors/charts/apex-charts.js:26952

1 Ответ

1 голос
/ 20 марта 2020

Вы забыли указать идентификатор диаграммы в опциях

var options = {
  chart: {
    id: 'salesChart'
  }
}

Функция ApexCharts.exec работает только при указании идентификатора диаграммы.

...