d3.js條形圖：.text不顯示

Question

我正在用d3.js創建一個簡單的條形圖，它工作正常。 但是，當我嘗試在每個欄上顯示文本時，沒有任何反應。控制檯不返回任何錯誤，所以我無法理解問題。 我的代碼是here，我試圖顯示簡單的文字，如「你好」，但仍然沒有顯示出來。

Answer 1

問題：

追加文本，以在SVG一個rect元件。

解決方案：

追加文本到SVG或一組。

說明：

要附加您的文本的矩形。在控制檯中沒有任何內容會顯示爲錯誤，因爲沒有顯示錯誤，但文本不會顯示。

你必須創建一個變量文本：

var texts = svg.selectAll(".mytexts") 
          .data(data) 
          .enter() 
          .append("text"); 

，然後設置屬性：

texts.attr("class", "value") 
       .attr("x", function(d) { return widthScale(d.vacant); }) 
       .attr("y", heightScale.rangeBand()/2) 
       .attr("dx", -3) 
       .attr("dy", ".35em") 
       .attr("text-anchor", "end") 
       .text(function(d) { return format(d.vacant); }); 

不要忘了相應地改變CSS。