如何在highcharts树形图点击事件中调用外部方法？

Question

我使用的是高图树形图，我想调用其他方法(This.callOutsidemethod)内的树形图点击事件。我想知道如何在typecript中调用树形图点击事件中的外部方法。

export class AppComponent implements OnInit {
  name = `Angular! v${VERSION.full}`;
  @ViewChild("container", { read: ElementRef }) container: ElementRef;

  constructor() {
  }
  ngOnInit() {
    Highcharts.chart(this.container.nativeElement, {
          colorAxis: {
        minColor: '#FFFFFF',
        maxColor: Highcharts.getOptions().colors[0]
    },

    plotOptions: {
        series: {
            cursor: 'pointer',
            events: {
                click: function (event) {
                   this.callOutsidemethod();
                }
            }
        }
    },
    series: [{
        type: 'treemap',
        //layoutAlgorithm: 'squarified',
        data: [{
            name: 'A',
            value: 6,
            colorValue: 1
        }, {
            name: 'B',
            value: 6,
            colorValue: 2
        }, {
            name: 'C',
            value: 4,
            colorValue: 3
        }, {
            name: 'D',
            value: 3,
            colorValue: 4
        }, {
            name: 'E',
            value: 2,
            colorValue: 5
        }, {
            name: 'F',
            value: 2,
            colorValue: 6
        }, {
            name: 'G',
            value: 1,
            colorValue: 7
        }]
    }],
    title: {
        text: 'Highcharts Treemap'
    }
    })
  }

  callOutsidemethod(){
     alert("hii")
  }

}```

Answer 1

你可以使用箭头函数符号来引用成员变量，用 this 关键字。试试下面的方法

events: {
  click: (event) => {
    // do something
    this.callOutsidemethod();
  }
}