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));

my bar

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/

d3条形图退出不太正常

1 个答案: