d3.js svg元素在窗口大小调整后不能正常转换

Question

我正尝试创建一个交互式直方图，并在接收新数据时重新缩放y轴。该行为在初始显示中正常工作，但是如果窗口大小已调整，则y轴和直方图栏将延伸超过svg（或缩小）。我有一个工作小提琴这里展示了麻烦的行为：

https://fiddle.jshell.net/pyzvo3yy/

我有一种感觉，这种情况正在发生，因为我结合使用视框与用来重新定义尺度手动获取客户端的宽度/高度，但我'不确定...

Answer 1

对于初始可以，但更新有麻烦，下面的代码被添加到更新。看到这个jsfiddle

d3.select('#score-histogram').select('svg') 
    .attr('viewBox', '0 0 ' + cWidth + ' ' + cHeight); 

g.select('.xaxis') 
    .attr('transform', 'translate(0,' + height + ')') 
    .call(xAxis);