在散点图圆圈附近对齐标签的选项

Question

我正在使用d3.js并渲染散点图。我想让标签恰好在散点图区域的上方和附近。

Here is my graph。

我试图中心上方的标签，并使其接近散点图圈。是否有任何.attr()属性可以将填充添加到文本中，以便可以将其显示在气泡的正上方并且靠近它？

我能够使用.attr("text-anchor","middle")获得散布中间的文字，但我需要文字更接近散点图。现在它离散点图圈4px。

Answer 1

您可以通过文本锚设置为middle并加入一个偏移量来y协调实现这一点：

svg.selectAll("text") 
    ... 
    .attr("y", function(d) { 
    return d[1] - 10; 
    }) 
    .attr("text-anchor", "middle") 
    ... 

的jsfiddle here。