如何在饼图中为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