javascript - 基于 csv 数据的表格未正确更新 d3js v4

Question

在This表 我正在过滤 filter 函数中的数据，该函数使用过滤函数提供的新数组更新表。

将过滤后的数组传递给 update 函数似乎没有任何问题，所以我猜我在 update 中做错了什么> 部分，我不知道它有什么问题

我已经查看了 other回答并尝试这样做，但它们都是基于 d3js v3，所以据我所知，逻辑与 v4 不兼容。

Answer 1

您只需对代码进行两处小改动:

1) 移动rows.exit().remove() before enter 方法:

var rows = tbody.selectAll('tr')
  .data(dataNew, d => d.name);

rows.exit().remove(); // <== !!!

rows = rows
  .enter()
  .append('tr')
  .merge(rows);

2) tdRow after merge 添加文本:

tdRow = tdRow
  .enter()
  .append('td')
  .merge(tdRow)
  .text(d => d.value) // <== !!!

检查 updated plnkr