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

Question

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

这是我的图表。

我试图将上面的标签居中并使其靠近散点图圆圈。是否有任何.attr()属性可以为文本添加填充，以便它可以准确地显示在气泡上方和附近？

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

Answer 1

You can achieve this by setting the text anchor to middle and adding an offset to the y coordinate:

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

Jsfiddle here.