如何在餅圖中爲angular-nvd3自定義圖例文本？

Question

我在angular-nvd3中有一個餅圖。 https://krispo.github.io/angular-nvd3/#/pieChart我遇到的問題是餅圖，我有5個切片，當所有的餡餅切片被貼上標籤時，它們看起來都很緊密。我想，而不是修改的圖例，以便而不是隻顯示鍵，我想表明：

<key> + <number of records in that key> 

使用「labelType」我可以改變什麼是在切片餅圖的標籤顯示，但如何能我改變了圖例中顯示的內容？

Answer 1

找不到API中的任何內容來執行此操作。

但這裏是有點黑客通過D3做到這一點：

渲染

1）得到的所有文字DOM

2）運行後對所有文本循環。

3）獲取文本數據並更改內部HTML。

dispatch: { 
    renderEnd: function(e) { 
     //for each text 
     d3.selectAll(".nv-legend text")[0].forEach(function(d){ 
     //get the data 
     var t= d3.select(d).data()[0]; 
     //set the new data in the innerhtml 
     d3.select(d).html(t.key + " - " + t.y); 
     }); 
    } 
    } 

工作代碼here