如何在D3版本4中更新数据？

Question

我有以下样本数据。

name

我尝试使用方法enter（）和exit（）但更新不起作用？ 请帮帮我。

var d1 = [11,18,20];
var d2 = [11,11,20];

Answer 1

在d3v4中更改了更新模式。来自changelog：

  

此外，selection.append不再合并进入节点   更新选择;使用selection.merge组合输入和更新   数据加入后。

您必须重写代码：

var rect = rect.selectAll("rect")
  .data(d1)

rect
  .enter().append("rect")
  .merge(rect) // <== !!! doing merge here
  .attr("height",function(d,i){ return d*15; })
  .attr("width","50")
  .attr("fill","pink")
  .attr("x",function(d,i){ return 100*i; })
  .attr("y",function(d,i){ return 300-(d*15); });