0
我跟着nvd3散點圖例如創建散點圖:http://nvd3.org/examples/scatter.html將文本/標籤添加到nvd3散點圖中的每個點/圓圈?
什麼,我想要做的是顯示每個圓下方的「大小」屬性(從數據)。我一直在嘗試各種組合嘗試選擇所有「g.nv-group」元素,然後附加「文本」,但沒有任何工作。
有什麼想法?
我跟着nvd3散點圖例如創建散點圖:http://nvd3.org/examples/scatter.html將文本/標籤添加到nvd3散點圖中的每個點/圓圈?
什麼,我想要做的是顯示每個圓下方的「大小」屬性(從數據)。我一直在嘗試各種組合嘗試選擇所有「g.nv-group」元素,然後附加「文本」,但沒有任何工作。
有什麼想法?
我調整代碼從上面的評論,在我的情況的鏈接,這個工作
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]+")");
});
https://stackoverflow.com/questions/34279908/appending-text-to-points-in-angular -nvd3 您可以在這裏確認代碼片段。將'd3.select(d).data()[0] [1]'更改爲你想顯示的內容,比如'size'。 –