热图将不会更新

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)} )