如何在工具提示高图中获取多个系列数据？

Question

我想在每个列的工具提示中显示多个系列数据

tooltip: {
    formatter: function() {
        return '<span style="color:#D31B22;font-weight:bold;">' +this.series.name +': '+ this.y +'<br/>'+
               '<b style="color:#D31B22;font-weight:bold;">'+this.x +'</b><span>';
    }
},

和数据

series: [{
    showInLegend: false,
    name: 'Total Click',
    data: [3000,200,50,4000],
    color: '#9D9D9D'
}, {
    showInLegend: false,
    name: 'Total View',
    data: [100,2000,3000,4000],
    color: '#D8D8D8'
}]

我这样使用,但在工具提示中,一次只显示一个系列数据.我想显示这样的数据(总视图:100和总点击次数:3000)

Answer 1

请尝试使用此代码

更新了DEMO

tooltip: {
        formatter: function() {
            var s = [];

            $.each(this.points, function(i, point) {
                s.push('<span style="color:#D31B22;font-weight:bold;">'+ point.series.name +' : '+
                    point.y +'<span>');
            });

            return s.join(' and ');
        },
        shared: true
    },

Answer 2

您需要使用共享参数http://api.highcharts.com/highcharts#tooltip.shared然后在formater迭代每个点.