SVG D3滚动最大高度

Question

我有一个非常简单的ui，在一个带有max-height的滚动div容器上添加了一堆rect。

https://jsfiddle.net/bikrantsharma/eqnnd84v/

.legend-main-div {
  padding: 2%;
  height: 150px;
  overflow-y: scroll;
  border: 1px solid blue;
}

它只展示了几个svg项目。如何以最大高度显示容器中的所有物品？

Answer 1

使用百分比单位设置高度是正确的。但是，视图框的名称错误：它是viewBox，而不是viewbox。

.attr('viewBox', '0 0 500 ' + responsiveDivHeight + '')

这是您更新的小提琴：https://jsfiddle.net/ahafvqzw/