ApexCharts Как динамически обновлять масштабы оси Y?

Я использую ApexCharts с оболочкой Vue. Я могу успешно изменить минимальное и максимальное значения, установив их с помощью функции. this.options.yaxis[0].min = Number(4500); например, когда я выхожу из системы в консоли, значением является то, что я установил. Тем не менее, похоже, что это не влияет на сам график, весы по-прежнему считывают значения по умолчанию для заданной серии.

initGraph(data) {
  var tempNum = 0;
  var tempNum2 = tempNum;
  this.options.yaxis[0].max = Number(5000);
  this.options.yaxis[0].min = Number(4500);
  console.log(this.options.yaxis[0].min);
  console.log(this.options.yaxis[0].max);
  for (var series in data) {
    this.series.push(data[series]);
  }
}

Моя цель состоит в том, чтобы изменить шкалы на оси Y, поскольку новые серии фильтруются в объект серии.

2 ответа

Вам нужно обновить всю конфигурацию параметров, а не только одно свойство, чтобы наблюдатель Vue мог отследить изменение.

this.options = {
  yaxis: {
    min: 4500,
    max: 5000
  }
}

Вариант обновления перед серией обновлений, и он работает:

      chart.updateOptions( {
  xaxis: {
    categories: ["Stackoverflow", "is", "great"]
  },
  yaxis: {
    min: 4500,
    max: 5000
  }
});
Другие вопросы по тегам