javascript - 无法更改 d3.js 矩形的填充

Question

所以我有这段代码-

bars.
  append('rect')
  .attr('x', 0)
  .attr('y', (d, i) ->
    return yScale(i)
  ).attr('width', (datum) ->
    return xScale(datum.freq)
  )
  .attr('height', barHeight)
  .attr('fill', 'blue')
  .attr('class', 'bar')
  .on('click', ->
    bars.selectAll('rect').attr('fill', '#0000ff')
    currentFill = d3.select(this).style('fill')
    nextColor = {}
    if currentFill == '#0000ff'
      nextColor = '#ff0000'
    else
      nextColor = '#0000ff'
    d3.select(this).style('fill', nextColor)
  )

但是，bars.selectAll('rect') 并没有改变矩形的颜色。为什么？

Answer 1

将 attr() 替换为 style()。所以你的台词:

bars.selectAll('rect').attr('fill', '#0000ff')

应该是:

bars.selectAll('rect').style('fill', '#0000ff')