ハイライト棒グラフX軸データ

Question

私は、この段階で余分なdiv要素を追加することができます私は、このステップ

.attr("x", function(d) { return x(d.letter); }) 

でxの値を取得しています。この棒グラフ https://bl.ocks.org/mbostock/3885304

からX軸に、いくつかの文字のスタイルにしたいです次のようなものを使用します：

.attr("x", function(d) { 
    if (d.letter ==='A') svg.append('div').style('fill', 'red'); 
return x(d.letter); }) 

X軸テキストをスタイリング

~d3.select('svg').selectAll('xAxis') 

Answer 1

、これは、より良いオプションであろう：

d3.select('svg').select('g.axis.axis--x').selectAll('text') 
     .style('fill', function(d) { if(d === 'A') return 'red'; }); 

注： .ATTR（ "X" は、機能（d）は、{}）x位置のためのものですバーの種類