Wie erhalten Sie mehrere Serien Daten in Tooltip Highcharts?

Question

Ich möchte auf jede Spalte

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>'; 
    } 
}, 

und Daten mehrere Serie Daten in Tooltip angezeigt werden

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' 
}] 

ich so bin mit aber in Werkzeugspitze nur eine Reihendaten zu einem Zeitpunkt angezeigt wird. Ich möchte Daten wie diese anzeigen (Gesamtansicht: 100 und Gesamt Klicken: 3000)

Answer 1

bitte versuchen Sie es mit diesem Code

updated 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

Sie müssen den gemeinsamen Parameter http://api.highcharts.com/highcharts#tooltip.shared verwenden und dann in Formatierer auf jeden Punkt iterieren.

Answer 3

Wenn jemand für Scatterplot suchen, hier ist solution geteilt Tooltip zu zeigen.

formatter: function(args) { 
    var this_point_index = this.series.data.indexOf(this.point); 
    var this_series_index = this.series.index; 
    var that_series_index = this.series.index == 0 ? 1 : 0; // assuming 2 series 
    var that_series = args.chart.series[that_series_index]; 
    var that_point = that_series.data[this_point_index]; 
    return 'Client: ' + this.point.name + 
      '<br/>Client Health: ' + this.x + 
      '<br/>' + this.series.name + ' Bandwidth: ' + this.y + 'Kbps' + 
      '<br/>' + that_series.name + ' Bandwidth: ' + that_point.y + 'Kbps'; 
} 

Jsfiddle link to Solution