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

Question

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

Here is my graph .

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

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

Answer 1

您可以通过将文本 anchor 设置为 middle 并向 y 坐标添加偏移量来实现此目的:

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

Jsfiddle here .