我正在创建一个堆积条形图，它应该根据更改的数据进行更新，并且我想使用 d3v5 和 Selection.join，如此处所述https://observablehq.com/@d3/learn-d3-joins?collection=@d3/learn- d3。
输入数据时，一切都会按预期工作，但是永远不会调用更新函数（即用于调试的 console.log() ）。所以看起来它一直在输入新数据。
我怎样才能让它按预期工作？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
body {
margin: 0;
}
.y.axis .domain {
display: none;
}
</style>
</head>
<body>
<div id="chart"></div>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script>
let xVar = "year";
let alphabet = "abcdef".split("");
let years = [1996, 1997, 1998, 1999, 2000, 2001, 2002, 2003];
let margin = { left:80, right:20, top:50, bottom:100 };
let width = 600 - margin.left - margin.right,
height = 600 - margin.top - margin.bottom; …