Блог

Я пытаюсь получить доступ к данным уровня класса в функции детализации в угловой диаграмме.

Код:

 export class Component implements OnInit {

drillDownData = {
    Animals: {
      name: 'Animals',
      data: [{
        name: 'Cows',
        y: 5,
        drilldown: true
      },
      {
        name: 'Sheeps',
        y: 2,
        drilldown: false
      }]
    }


chartOptions: any = 
{
    chart: {
      type: 'column',
      events: {
        drilldown: (function(e){
          if(!e.seriesOptions){
            const chart = this as any;
            var series=this.drillDownData[e.point.name]; // Not able to access drillDownData
            chart.addSeriesAsDrilldown(e.point,series);
          }
        })
      }
    },
}
 

В приведенном выше коде данные детализации недоступны. Я считаю, что мне нужно изменить функцию детализации на функцию стрелки, чтобы получить доступ к данным углового уровня класса.

         drilldown(e) => {
          if(!e.seriesOptions){
            const chart = this as any;
            let series=this.drillDownData[e.point.name]; // Able to access drillDownData
            chart.addSeriesAsDrilldown(e.point,series); // chart.addSeriesAsDrilldown error
          }
        }
 

Однако в этом случае я получаю диаграмму.addSeriesAsDrilldown не является ошибкой функции.

Как я могу получить доступ к угловым данным уровня класса, сохраняя при этом возможность доступа к функции addSeriesAsDrilldown?