javascript - d3.js 气泡图 : Make div scrollable

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 .