Угловые Highcharts: this.options.series [0] .setData () не является функцией

Question

Я использую Highcharts с Angular. При попытке установить данные и обновить я обнаружил следующие ошибки:

ОШИБКА TypeError: self.options.series [0] .data [0] .update не является функцией

ОШИБКА TypeError: self.options.series [0] .data [0] .setData не является функцией

Функция:

options: any;

ngAfterViewInit() {

  var dataOne = [{
    name: 'Living Room',
      y: 110
    }, {
      name: 'Entryway',
      y: 36
    }, {
      name: 'Kitchen',
      y: 70
  }];

  this.options = {
    chart: {
      type: 'column',
    },
    series: [{
      "colorByPoint": true,
      data: [{
        y: 100,
        name: 'Living Room',
      }, {
        y: 34,
        name: 'Entryway',
      }, {
        y: 67,
        name: 'Kitchen',
      }]
    }]
  } // end this.options

  self = this;
  jQuery('#button1').click(function () {
      //this.options.series[0].setData(dataOne); // same error
      self.options.series[0].setData(dataOne);
    });

  var y = 30;
  jQuery('#button2').click(function () {
      y += 10;
      //this.options.series[0].data[0].update(y); // same error 
      self.options.series[0].data[0].update(y)
    });

} //end ngAfterViewInit

Когда я делаю console.log(self.options.series[0]), я получаю {colorByPoint: true, data: Array(3)}

Вот моя Скрипка , чтобы показать предполагаемое поведение

Я исчерпал StackOverflow и Google, но не смог найти ни одного вопроса, связанного с моими ошибками.