2017-06-08 68 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]+")"); 
});