突出显示barChart xAxis数据

Question

我想在这个barChart中为xAxis设置一些字母 https://bl.ocks.org/mbostock/3885304

我在此步骤中获取x的值

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

我可以在此步骤中添加额外的div，例如：

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

或者应该使用其他选择，例如？

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

Answer 1

对于样式化xAxis文本，这将是一个更好的选择：

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

  

注意： .attr（“x”，function（d）{}）用于栏的x位置