D3沒有顯示SVG文本元素

Question

這可能是一個不容易理解的問題，但我已經用盡了我的選擇。下面是一個鏈接的jsfiddle：

JSFiddle

svg.selectAll("text") 
    .data(dataset) 
    .enter() 
    .append("text") 
    .text(function(d) { 
    return d.percentComplete; 
    }) 
    .attr("x", function(d) { 
    return xScale(new Date(d.startDate)); 
    }) 
    .attr("y", function(d) { 
    return (yScale(d.taskName)) + ((h - margin.bottom)/taskCnt)/2; 
    }) 
    .attr("font-family", "sans-serif") 
    .attr("font-size", "11px") 
    .attr("fill", "white") 
    .attr("text-anchor", "middle"); 

我不能讓我的標籤顯示在欄顯示完成的百分比。不知道我做錯了，因爲這段代碼在另一個作品中有效。順便說一句，我知道我的位置是不正確的，我需要讓標籤顯示之前，我開始把標籤放在正確的地方。

在此先感謝！

湯姆

Answer 1

https://jsfiddle.net/guanzo/pje44ne7/2/

你與D3創建的軸包含text元素，讓與您selectAll('text')干擾。只需添加一個類，指定要使用哪種文本。

svg.selectAll("text.label") 
    .data(dataset) 
    .enter().append("text").attr('class','label') 
    ...//rest of your code