apexchart - получить ярлык из базы данных

Question

Я не уверен, почему labels не работает, но series работает при извлечении данных из базы данных. Я использую vue и laravel.

Вот мой код

  <div id="chart">
    <apexchart type="pie" width="380" :options="chartOptions" :series="series"></apexchart>
  </div>
export default {
    data: () => ({
      employees: [],
      series: [],
      chartOptions: {
        chart: {
          width: 380,
          type: 'pie',
        },
        labels: [],
        responsive: [{
          breakpoint: 80,
          options: {
            chart: {
              width: 200
            },
            legend: {
              position: 'bottom'
            }
          }
        }]
      }
    }),

 methods: {
      kpiProgress () {
        axios.get('/api/employee-kpi-progress', {
          params: { employee_id: this.$store.state.authUser.employee_id }
        })
        .then(response => {
          this.series = response.data
          })
        .catch(error => console.log(error))
      },

      kpaInfo () {
        axios.get('/api/employee-kpa-info', {
          params: { employee_id: this.$store.state.authUser.employee_id }
        })
        .then(response => {
          this.chartOptions.labels = response.data
          console.log(this.chartOptions.labels)
          })
        .catch(error => console.log(error))
      },
    }
  }

Answer 1

Сделано это работает. Это действительно странное решение, поскольку я впервые напрямую вызываю данные из ответа.

kpaInfo () {
  axios.get('/api/employee-kpa-info', {
    params: { employee_id: this.$store.state.authUser.employee_id }
  })
  .then(response => {
    this.chartOptions = {
      labels: response.data,
    }
  })
  .catch(error => console.log(error))
},