2013-10-11 20 views
18

Ben sadece bir seri veri bir seferde gösteriyor böyle ama araç ipucu olarak kullanıyorum her sütundaAraç ipucu yüksek şemalarında birden çok seri veri nasıl alınır?

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

ve Veri

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

üzerinde araç ipucu birden serisi Bilgilerini görmek istiyorum. Böyle Bilgilerini görmek istiyorum (Toplam Görünüm: 100 ve toplam tıklayın: 3000) Her noktada formater yineleme sonra paylaşılan parametreyi http://api.highcharts.com/highcharts#tooltip.shared ve kullanmak gerekir

+0

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'; } 
kodunuzu ekleyin, bu yüzden size yardımcı olabilir :) –

+0

hey mohit ben bu neye ihtiyacınız olduğunu düşünüyorum kodumu kontrol ediniz http://jsfiddle.net/pintu31/AcNUM/2/ –

+0

nice Çalışıyor ............... Pragnesh –

cevap

29

herkes ScatterPlot seyir bu kodu

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 
    }, 
+0

's.push ('" – grantiago

12

.