D3.js D3-堆叠条更新，轴更新，但不更新条

我这里有一场闪电战-

我正在尝试创建一个使用D3更新模式进行更新的堆叠条形图

我有轴更新，但酒吧不更新

更新函数被调用，数据更新，更新函数在页面首次加载时工作

---

我确实尝试在此处包含代码，但总是出现错误

您需要更新组，然后更新栏：

const u = chart.selectAll('.layer')
      .data(stackedSeries);

      u.exit().remove()

     const bars = u.enter()
      .append('g')
      .classed('layer', true)
      .style('fill', (d,i)=>{
        return colors[i]
      })
      .merge(u)
      .selectAll('rect')
      .data((d) => d);

      bars.exit().remove()

      x.domain(graphData.map((d) => d.date))

      y.domain([0, d3.max(stackedSeries, (d) => d3.max(d, (d) => d[1]))]);

      bars.enter()
      .append('rect')
      .attr('x', (d) => x(d.data.date))
      .attr('width', x.bandwidth())
      .attr('y', (d) => y(d[1]))
      .attr('height', (d) => y(d[0]) - y(d[1]))

      bars.merge(bars)
        .attr('x', (d) => x(d.data.date))
        .attr('width', x.bandwidth())
        .attr('y', (d) => y(d[1]))
        .attr('height', (d) => y(d[0]) - y(d[1]))