如何在Highcharts中以工具提示的形式显示CSV文件中的额外列。

问题描述 投票:0回答:1

我想显示的不仅仅是图表的XY值(在我的例子中是年份和温度异常),而是CSV文件中的一个额外信息(即一列)。

也就是说,我有这张Highcharts热图。

enter image description here

并希望在CSV中显示工具提示中的RANK。

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

这是否可能?如果可以,怎么做?我找不到这方面的任何信息。

这里是 是一个小提琴。

谢谢你的提示!

highcharts tooltip heatmap
1个回答
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.netBlackLabelowqc3pjk。

API参考。 https:/api.highcharts.comhighchartsdata.seriesMapping。

© www.soinside.com 2019 - 2024. All rights reserved.