如何使用vue.js将动态数据添加到apexcharts？

import VueApexCharts from 'vue-apexcharts';
import ApexCharts from 'apexcharts';

data() {
  return {
    chartOptions: {
      series: [],
      // 其他配置项...
    },
    chartData: [],
  };
},

mounted() {
  this.$nextTick(() => {
    this.chartOptions = {
      series: [],
      // 其他配置项...
    };

    this.chartData = []; // 清空数据

    this.chart = new ApexCharts(this.$refs.chart, this.chartOptions);
    this.chart.render();
  });
},

methods: {
  fetchData() {
    // 异步请求数据
    axios.get('your-api-url')
      .then(response => {
        this.chartData = response.data;
        this.updateChart(); // 更新图表
      })
      .catch(error => {
        console.error(error);
      });
  },
  updateChart() {
    this.chart.updateSeries([{ data: this.chartData }]);
  },
},

<template>
  <div>
    <div ref="chart"></div>
  </div>
</template>

<template>
  <div>
    <button @click="fetchData">获取数据</button>
  </div>
</template>