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

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/