2017-06-08 99 views
0

我跟着nvd3散點圖例如創建散點圖:http://nvd3.org/examples/scatter.html將文本/標籤添加到nvd3散點圖中的每個點/圓圈?

什麼,我想要做的是顯示每個圓下方的「大小」屬性(從數據)。我一直在嘗試各種組合嘗試選擇所有「g.nv-group」元素,然後附加「文本」,但沒有任何工作。

有什麼想法?

+1

https://stackoverflow.com/questions/34279908/appending-text-to-points-in-angular -nvd3 您可以在這裏確認代碼片段。將'd3.select(d).data()[0] [1]'更改爲你想顯示的內容,比如'size'。 –

回答

0

我調整代碼從上面的評論,在我的情況的鏈接,這個工作

d3.selectAll(".nv-group path")[0].forEach(function(d){ 
     var tf = d3.select(d).attr("transform") 
     t = d3.transform(tf).translate; 
     t[0] = t[0] +10;//moving the translate x by 5 pixel. 
     console.log(d3.select(d).data()[0])//data associated with the point 
     d3.select(d.parentNode) 
     .append("text") 
     .attr("class", "label") 
     .text("data: "+ d3.select(d).data()[0][0].size)//putting data 
     .attr("transform", "translate("+t[0]+","+t[1]+")"); 
});