2017-09-07 40 views
0

我正在使用Highcharts顯示圓環圖並且在中間我目前已獲得標題; '交易'但低於此,但仍在中間,我試圖顯示系列值的總數應該是8,173.99歐元。我認爲下面的代碼將工作:如何在Highcharts中顯示圓環圖的系列值的總數

events: { 
    load: function(event) { 
    var total = 0; // get total of data 
    for (var i = 0, len = this.series[0].yData.length; i < len; i++) { 
     total += this.series[0].this.y[i]; 
    } 
    var text = this.renderer.text(
     'Total: ' + total, 
     this.plotLeft, 
     this.plotTop - 20 
    ).attr({ 
     zIndex: 5 
     }).add() 
    } 
}, 

我看到沒有錯誤,但然後再次總沒有被顯示。任何人都可以幫我解決我做錯了什麼? 謝謝! 您可以在這裏看到JSFiddle http://jsfiddle.net/tobitobetoby/1fqvzpdn/3/

+0

您可以從https://stackoverflow.com/q/17286457/3898339 –

回答

1

events對象應放在chart對象的內部。至於添加「總計」信息,我個人認爲最好的辦法是使用Chart.setTitle()函數在負載事件上設置標題。看看下面的例子。

API參考:
http://api.highcharts.com/highcharts/Chart.setTitle

例子:
http://jsfiddle.net/yt5pj3yf/

+0

採取的想法謝謝您的回答!但是你有沒有注意到總數顯示爲8273.99而不是8173.99(這是正確的總數)?你知道是什麼原因導致了這個錯誤計算? –

+0

從我檢查過的數值總和是正確的。 –

+0

有沒有辦法根據點擊圖例來改變顯示的總數? –

相關問題