在HighCharts餅圖傳說的總計

有我的方式讓我的價值列在我的傳說到底總計？這裏是我的傳說的代碼在這裏，以及它分成兩列的數據[]集的名稱和價值的小提琴。在HighCharts餅圖傳說的總計

legend: { 
      enabled: true, 
      layout: 'vertical', 
      align: 'right', 
      width: 220, 
      verticalAlign: 'top', 
      borderWidth: 0, 
      useHTML: true, 
      labelFormatter: function() { 
       return '<div style="width:200px"><span style="float:left">' + this.name + '</span><span style="float:right">' + this.y + '%</span></div>'; 
      }, 
      title: { 
       text: 'Primary', 
       style: { 
        fontWeight: 'bold' 
       } 
      } 
     }

ID喜歡列是這樣的

Data1  2 
Data2  3 
Data3  2 
     --- 
      7

我需要什麼，能夠做的就是添加該行下面的虛線或preferrably實線和所有的則總計數據值。這是我目前的小提琴。

http://jsfiddle.net/hAnCr/29/

謝謝！

來源

2013-04-26 Nick G

你可以通過總追加到最後一個圖例項破解這個。

chart: { 
    events: { 
    load: function(event) { 
     $('.highcharts-legend-item').last().append('<br/><div style="width:200px"><hr/> <span style="float:left"> Total </span><span style="float:right"> ' + total + '</span> </div>') 
    } 
    } 
}

小提琴here。

enter image description here

來源

2013-04-26 13:50:13 Mark

非常感謝您！我只是在學習highcharts和API是有點冗長，所以我一直無法弄清楚這個東西了！ – 2013-04-26 14:09:53

是否有一個原因，我會接受SCRIPT438的錯誤：對象不支持屬性或方法「最後」採用鉻和/或IE 7,8,9,10時。它在小提琴中工作正常，但不適用於我的網站本身。奇怪的，但再次感謝你這肯定是我正在尋找 – 2013-04-26 14:39:13

嗯，不知道，你使用的是什麼版本的JQuery？ Chrome中的錯誤是什麼？ 'Script438'是一個IE瀏覽器，我不相信IE會拋出一個有意義的錯誤。 – Mark 2013-04-26 18:55:30

我總實際添加的數據陣列中的另一個入口，帶一個空值和標籤屬性。事情是這樣的：

legend: { 
    labelFormatter: function() { 
     return this.name + ': ' + this.y_label; 
    }, 
}, 
// ... 
series: [{ 
    type: 'pie', 
    data: [ 
     {'name': 'Real Estate', 'y': 12.55, 'y_label': 12.55}, 
     // ... 
     {'name': 'Total', 'y': null, 'y_label': 100, 'color': 'transparent'} 
    ] 
}]

example

小提琴這裏：http://jsfiddle.net/Aeon/9cZKg/1/

來源

2013-06-19 19:10:51 Aeon

在HighCharts餅圖傳說的總計

回答

相關問題