SVG上未顯示文本元素

我正在嘗試使用D3製作泡泡圖並在泡泡內放置文本。我已經通過大量的實例檢查，明白HTML DOM應該像周圍的圓圈和文本標籤，我相信我在我的jsfiddle例如一組標籤： https://jsfiddle.net/q4nszx34/SVG上未顯示文本元素

我試圖使文本出現在同一個區域經由泡沫：

circles.append("text") 
     .attr("dx", -10) 
     .attr("dy", ".35em") 
     .text(function (d) { 
      return d.key; 
     }) 
     .style("stroke", "gray");

然而，文本元素的位置並不在同一位置作爲我的泡沫，我不知道怎麼去泡的位置來設置文本的位置。

預先感謝您。

來源

2017-01-10 Calpis

在ticked功能，您的翻譯組元素：

circles.attr("transform", function(d){ 
    return "translate(" + d.x + "," + d.y + ")"; 
})

這樣一來，無論是<circle>和<text>元素將一起移動。

這裏是你的更新提琴：https://jsfiddle.net/k45oaztv/

來源

2017-01-10 06:35:35

啊我明白了，所以不是僅選擇我的文字組，我會選擇一個更大的羣體和他們一起移動？謝謝（你的）信息！ – Calpis

抱歉後續問題，但是當我添加多個氣泡時，文本開始被氣泡重疊。有沒有辦法讓文字出現在泡泡的前面？ – Calpis

SVG上未顯示文本元素

回答

相關問題