D3.js如何用新数据更新图表显示？

在D3.js中，更新图表显示通常涉及到三个步骤：选择元素，绑定数据，以及应用数据驱动的转换。

以下是一个简单的例子，假设我们有一个条形图，我们想要用新的数据更新它：

// 假设我们有一个新的数据集
var newData = [50, 60, 70, 80, 90, 100];

// 选择所有的条形
var bars = d3.select("svg").selectAll("rect")
    .data(newData);

// 更新现有的条形
bars.attr("height", function(d) { return d; });

// 对于新的数据元素，添加新的条形
bars.enter().append("rect")
    .attr("height", function(d) { return d; });

// 对于缺失的数据元素，删除多余的条形
bars.exit().remove();

在这个例子中，我们首先选择所有的rect元素，并将新的数据绑定到这些元素。然后，我们更新现有的条形的高度。接着，我们使用enter()方法来处理新的数据元素，为每一个新的数据元素添加一个新的rect元素。最后，我们使用exit()方法来处理缺失的数据元素，删除所有多余的rect元素。

这就是D3.js的"enter-update-exit"模式，它是处理动态数据的核心。