d3.js bubblechart：使div可滚动

Question

我使用d3.js创建了一个气泡图。我想使气泡图显示为可滚动的div，这样如果没有气泡超过div的高度，则启用滚动。

我在css中给了overflow-y:scrollable。但它不起作用。 这是fiddle。

我错过了什么？

Answer 1

我通过将svg放在父div中解决了这个问题。

<div class="parent">
<p id='chart'></p>
</div>

然后给父div赋予固定高度并使其可滚动。

.parent {
height:400px;
width:400px;
overflow-y:auto;
}

也使svg的高度大于其父div。

svg{
background: lightgray;
height:600px;
width:600px;    
}

这是fiddle。