2013-07-15 56 views
0

我有這個堆積的柱狀圖。 Demo從同一個堆棧上的其他列獲取值 - Highchart

 tooltip: { 
      formatter: function() { 
       return '<b>'+ this.x +'</b><br/>'+ 
        this.series.name +': '+ this.y +'<br/>'+ 
        'Total: '+ this.point.stackTotal; 
      } 
     }, 

我想,當我懸停的第一列,它應該顯示:

John: 3 
Bob: 5 
Total: 8 

任何堆棧我在同一列上懸停,它應該顯示3個的那些值。

如何做到這一點?我認爲我的解決方案是get(this.total - this.y),但它不顯示正確的值。

回答

0

正常的方式展現在堆棧內的值是定義提示如下:

tooltip: 
{ 
    shared:true 
}, 

http://jsfiddle.net/RG8YT/

我不知道這是否是你想要的東西夠好,在你的圖表中,它顯示了所有的值,而不僅僅是堆棧中的值。

這裏有一個問題:highchart total in tooltip關於將總計添加到共享工具提示。

0

如果您只想在「堆棧的一部分」求和時,我的意思是左/右,則可以對元素進行部分求和。

var indexS = this.series.index, 
        indexP = this.point.x, 
        series = this.series.chart.series, 
        out; 


       out = '<b>'+ this.x +'</b><br/>'+ 
        this.series.name +': '+ this.y +'<br/>'; 

       switch(indexS) { 
        case 0: 
         out += series[1].name + ': ' + series[1].data[indexP].y + '<br/>'; 
         break; 
        case 1: 
         out += series[0].name + ': ' + series[0].data[indexP].y + '<br/>';       break; 
        case 2: 
         out += series[3].name + ': ' + series[3].data[indexP].y + '<br/>'; 
         break; 
        case 3: 
         out += series[2].name + ': ' + series[2].data[indexP].y + '<br/>'; 
         break; 
       } 


       out += 'Total: '+ this.point.stackTotal; 

       return out 

http://jsfiddle.net/sbochan/3Utat/7/

相關問題