热图不会更新

Question

我是D3.js的新手，在更新热图时遇到了一些问题。我可以构建初始热图，但当我使用第二个热图时，我无法使用新数据更新它。

如果我更改代码行

.style('fill',function(d) { return myColor(d.Class1)} )

至

.style('fill','grey')

热图变灰了-所以我知道有什么东西阻止我把数据绑定到方块上，但我不知道是什么。

d3.interval(function(){ updateData();}, 10000)

function updateData(){

  //Read the data
  d3.csv("new_data.csv", function(data) {

      svg.selectAll('rect').data(data).transition()
          .duration(0)
          .style('fill',function(d) { return myColor(d.Class1)} )
  })
}

Answer 1

如果其他人有这个问题，这是一个顺序/语法错误。

.duration(0)  

必须在此之后

.style('fill',function(d) { return myColor(d.Class1)} )