javascript - 如何在 react-highcharts 中使用图表工具提示格式化程序？

Question

如何使用图表工具提示格式化程序？我正在为 highcharts 使用 react wrapper。
我有这样的配置:

const CHART_CONFIG = {
    ...
    tooltip:  
    {
        formatter: (tooltip) => {
            var s = '<b>' + this.x + '</b>';
            _.each(this.points, () => {
                s += '<br/>' + this.series.name + ': ' + this.y + 'm';
            });
            return s;
        },
        shared: true
    },
    ...
}    

但我无法使用此关键字访问图表范围，也无法从工具提示参数中获取点。谢谢

Answer 1

OP 不知道如何使用 this 关键字访问图表的范围。简单的答案是因为 OP 使用了粗箭头功能。相反，请尝试根据 OP 代码的此修改版本使用普通函数:

const CHART_CONFIG = {
    ...
    tooltip:  
    {
        formatter() {   // Use a normal fn, not a fat arrow fn
            // Access properties using `this`
            // Return HTML string
        },
        shared: true
    },
    ...
}