在散點圖圓圈附近對齊標籤的選項

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。