Laravel vue apexchart动态数据集api面临的问题

我正在尝试使用apexChartData创建vue条形图。 这是我的密码

export default{
  components: {
    VueApexCharts
  },
  data () { 
    return { 
    barChart: {
    series: [{
    data: []    
    }],
    chartOptions: { 
      plotOptions: {
        bar: {
          horizontal: true
        }
      },
      dataLabels: {
        enabled: false
      },
      xaxis: {
         categories: [] 
      }
    }
  }
},
methods: {
    myFunction() {     
        this.$vs.loading();   
        axios.get("/api/auth/nameofapi").then(response => { 
        this.barChart.series[0].data = response.data[0]['data'];    
        this.barChart.chartOptions.xaxis.categories = response.data[1]['categories']; 
        this.$vs.loading.close();
        }).catch(error => { 
        this.$vs.loading.close()
        this.errorResponse(error);
        });   
    }
},
mounted () {
    this.myFunction();
}
}

我的API响应负载类似于

[{"data":[4,1]},{"categories":["xyz","abc"]}]

在做了这个条形图没有加载后，我不知道我哪里做错了，抱歉重复这个帖子，如果已经存在的话，但我只是发布了我所面临的

有什么帮助吗

---

提前感谢

我怀疑您希望在处理API响应后调用（或）并再次呈现图表。我怀疑您希望在处理API响应后调用（或）并再次呈现图表。