Vue.js 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轴上的比例

您需要更新整个选项配置，而不仅仅是单个属性，以便Vue观察器能够捕获更改

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

---

更新系列之前的更新选项及其工作原理：

chart.updateOptions( {
  xaxis: {
    categories: ["Stackoverflow", "is", "great"]
  },
  yaxis: {
    min: 4500,
    max: 5000
  }
});

---

工作起来很有魅力。