D3条形图退出不太有效

Question

我有一个小提琴，我正在做。 我需要它动态更新。我遇到的问题是 x 轴退出并在重新绘制柱线时调用。删除数组项时，不会删除 X 轴上的标题。

   bars.exit()
   .transition()
   .duration(1000)
   .attr("width", 0)
   .remove();

  d3.transition(svg).select(".x.axis")
  .transition()
  .duration(1000)
  .call(d3.axisBottom(x));

我的酒吧

Answer 1

由于您是按类选择的，因此最好在绘制轴时设置类：

svg.append("g")
    .attr("class", "x axis")//set the class here
    .attr("transform", "translate(0," + height + ")")
    .call(d3.axisBottom(x));

以下是您对该更改的更新小提琴：https://jsfiddle.net/3mkd3njj/