2013-04-26 101 views
3

我使用nvd3.js生成餅圖是這樣的:nvd3:在餅圖圖例編輯標籤

piechart

我一直試圖找到編輯圖例標籤這樣的方式他們還顯示每個細分受衆羣的價值,例如「en:20%,de:15%」等。

我可以使用chart.tooltipContent()輕鬆修改工具提示內容,但似乎沒有類似的方法傳說,或者至少沒有我在nvd3文檔或源代碼中找到的東西 - 是否有人知道這樣做的方式?

回答

7

尋找類似的東西?

var chart = nv.models.pieChart() 
    .x(function(d) { return d.label +' '+ d.value }) 
    .y(function(d) { return d.value }) 
    .showLabels(true) 
+0

啊,太棒了,這讓我走上了正軌。我完全忘記了我可以更改圖表的標籤本身;我只專注於改變它的傳說。謝謝! – omnikron 2013-04-26 10:20:13

+0

@omnikron - 它有時是我們忘記看的小事,很高興它很有用。 – shabeer90 2013-04-26 10:22:07

5

nvd3餅圖提供labelType

var chart = nv.models.pieChart() 
    .labelType("percent") 

labelType可以是:"key""value""percent"甚至功能。

var chart = nv.models.pieChart() 
    .labelType(function(d, i){ return d.data.x + ': ' + d.data.y; }) 

我發現這個檢查源代碼。 nvd3很棒,但可以使用更好的文檔!

+0

好找,謝謝! – 2016-05-18 17:56:15