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

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。