D3 SVGテキスト要素が表示されない

Question

これはおそらく思いがけないものですが、私はここでオプションを使い果たしました。

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"); 

私は私のラベルは完全な割合を示すように、バーに表示することができません。以下はJSFiddleへのリンクです。このコードは私が作った別のもので動作するように間違って何をしているのかわからない。ところで、私の配置が正しいわけではないことが分かっています。ラベルを貼る前にラベルを貼り付けてから貼り付けてください。

ありがとうございます！

トム

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