如何在 Highcharts 中将 CSV 文件中的附加列显示为工具提示

Question

我不仅要显示图表的 X/Y 值（在我的例子中是年份和温度异常），还要显示 CSV 文件中的一条附加信息（即一列）。

也就是说，我有这张 Highcharts 热图

并希望在工具提示中显示 RANK，如 CSV 中所示：

Year,Y,Temperature Anomaly,Rank
1880,1,-0.12,91
1881,1,-0.09,83
1882,1,-0.1,86
1883,1,-0.18,103

这可能吗？如果是，如何？我找不到这方面的任何信息。

Here 是一个 fiddle.

感谢任何提示！

Answer 1

使用 seriesMapping 属性添加额外的数据并通过 tooltip.formatter 函数将其显示在工具提示中：

    data: {
        ...,
        seriesMapping: [{
            x: 0,
            y: 1,
            value: 2,
            rank: 3
        }]
    },
    tooltip: {
        formatter: function() {
            return 'Year: ' + this.point.x + ' ' + 
              '<br /><b>Temp. Anomaly: ' + this.point.value + 
              ' °C </b><br />Rank: ' + this.point.rank;
        }
    }

现场演示： https://jsfiddle.net/BlackLabel/owqc3pjk/

API参考：https://api.highcharts.com/highcharts/data.seriesMapping

如何在 Highcharts 中将 CSV 文件中的附加列显示为工具提示

How to show an additional column from CSV file as a tooltip in Highcharts

tooltip

heatmap

highcharts