d3.js svg元素在窗口调整大小后没有正确转换

Question

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

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

我感觉这种情况正在发生，因为我正在使用viewBox并手动获取用于重新定义音阶的客户端宽度/高度，但我不确定......

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