highcharts - 将回调函数传递给 typescript 中 highchart 图例中的 labelFormatter

Question

我正在尝试使用 typescript 在 Angular2 中使用 HighCharts。

我正在尝试格式化我的图例文本，并在其旁边显示图像。 HighChart 图例具有 labelFormatter 属性来提供回调函数。

http://api.highcharts.com/highcharts#legend.labelFormatter

Callback function to format each of the series' labels. The this keyword refers to the series object, or the point object in case of pie charts. By default the series or point name is printed.

但我不知道如何将 typescript 中的回调函数传递给 labelFormatter 属性。

updateChart(): void {
    let newOptions = {
        legend: {
            useHTML: true,
            itemMarginBottom: 10,
            enabled: true,
            floating: true,
            align: 'center',
            verticalAlign: 'top',
            labelFormatter: (s) => this.getLegendLabel(s),
            y: 35
       }
    }
}

getLegendLabel(seriesDetails) {
    console.log(seriesDetails);
}

但是我的 seriesDetails 对象未定义。

如果我在任何地方使用 this 关键字，它会引用该组件而不是系列信息。

Answer 1

根据documentation :

Callback function to format each of the series' labels. The this keyword refers to the series object, or the point object in case of pie charts. By default the series or point name is printed.

我猜你在粗箭头函数中弄错了“this”。恕我直言，最简单的方法只需遵循文档语法( jsfiddle ):

labelFormatter: function () {
    return this.name + ' (click to hide)';
}