получать данные API, но диаграмма не отображается

Question

Я использую Vue.js с Vue-chart.js, и я получаю массив данных, которые должны попасть в диаграмму из выборки, но диаграмма не рендерится с кодом ниже

export default {
      extends: Line,
      data: () => ({
        chartdata: null,
        chartLabels: null,
        loaded: false
      }),
      mounted() {
        this.loaded = false
        const { id } = this.$route.params
          reportService.getReport(id)
          .then(data => {
            this.report = data.report
            const { usage, chartLabels } = data.report.license
            this.chartdata = usage
            this.chartLabels = chartLabels
            console.log(usage[0], chartLabels[0])
          }
          )
          this.loaded = true
          this.renderChart({
            labels: this.chartLabels,
            datasets: [
              {
                label: 'License Usage',
                data: this.chartData,
              },
            ],
            }, { responsive: true, maintainAspectRatio: false })

спасибо за любую помощь