Apexcharts It is a possibility that you may have not included 'data' property in series, Cannot read property 'labels' of undefined

I get three errors

When the map is rendered for the first time i get:

apexcharts:6 It is a possibility that you may have not included 'data' property in series
apexcharts:6 It is a possibility that you may have not included 'data' property in series

Then each time the map is rendered I get: Uncaught (in promise) TypeError: Cannot read property 'labels' of undefined

My code:

var options = {
  theme: {
    mode: 'light', 
    palette: 'palette1', 
    monochrome: {
        enabled: false,
        color: '#31a7ec',
        shadeTo: 'light',
        shadeIntensity: 0.65
    }
},
  chart: {
    height: 450,
    type: 'bar',
  },
   plotOptions: {
    bar: {
      horizontal: true,
    }
  },
  dataLabels: {
    enabled: true
  },
  series: [{
    name: "Consumption"
  }],
  title: {
    text: 'AMR Consumption',
  },
  noData: {
    text: 'No Data'
  }
}

var chart = new ApexCharts(
  document.getElementById("AMRbarchart"),
  options
)

// then i do ajax requests and add / destroy the chart

//ajax 

  $.getJSON('http://10....',  response => {
                chart.render()

                chart.updateOptions({
                    title: {
                        text: 'Consumption by year (' + unit + ') for ' + feature_name
                    },
                    chart: {
                        height: 380
                    }
                })

                chart.updateSeries([{
                    data: response.yearly
                }])
            })

[junedchhipa]

As the error suggests, you cannot have a series without a data property. Even if you don’t have anything in data, you should pass an empty array

series: [{
  name: "Consumption",
  data: []
}]

[nbtafelberg]

The problem is that the JSON calls are ASYNC so the system will hit ApexCharts.exec before the data. is loaded.