How to update series data in highcharts vue?

Question

Vue.js

How to update data dynamically with highcharts vue? All examples and documentation show only static options, but how can I update them on click?

<highcharts :options="chartOptions"></highcharts>
<button @click='updateChart'>update</button>

data() {
    return {
       chartOptions: {
        series: [{
          data: [1,2,3] 
        }],
  
      },
method: updateChart(){
      this.chartOptions.update(
        this.series.data[0]= 4
      )
    }

Answer 1

this.$set(this.chartOptions.series[0].data, индекс, значение);

https://codesandbox.io/s/for-https-qna-habr-com-q-...