Javascript d3.js bubblechart:使div可滚动

Javascript d3.js bubblechart:使div可滚动,javascript,html,css,d3.js,scroll,Javascript,Html,Css,D3.js,Scroll,我用d3.js创建了一个气泡图。我想使显示气泡图的div可以滚动,这样,如果气泡的数量超过div的高度,就会启用滚动 我在css中给出了overflow-y:scrollable。但它不起作用。 这是你的电话号码 我遗漏了什么?我通过将svg放在父div中解决了这个问题 <div class="parent"> <p id='chart'></p> </div> 还使svg的高度大于其父div svg{ background: lightgray

我用d3.js创建了一个气泡图。我想使显示气泡图的div可以滚动,这样,如果气泡的数量超过div的高度,就会启用滚动

我在css中给出了
overflow-y:scrollable
。但它不起作用。 这是你的电话号码


我遗漏了什么?

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

<div class="parent">
<p id='chart'></p>
</div>
还使svg的高度大于其父div

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

以下是.

svg不能有滚动条,最好将其放在固定高度的父div容器中,并使div可滚动。类似于您的示例:-因此您必须计算svg大小并根据需要进行调整谢谢@iamsecreal它起作用了。
svg{
background: lightgray;
height:600px;
width:600px;    
}