css - 无法将滚动条添加到 svg

Question

我正在尝试向包含我的 svg 的 div 添加滚动条

<div id="d3div" style="height: 70%;
    overflow: scroll;
    position: absolute;
    width: 50%;">


var svg = d3.select("#d3div").append("svg")
         .attr("width", '100%')
         .attr("height", '100%')
        .append("g")
         .attr("transform", "translate(" + margin.left + "," + margin.top + ")");

根据理论，svg 尺寸应该大于 div，所以我在这里做了。而且我不想以像素为单位指定 svg 尺寸..但是如果我像上面那样给出 div dosent 显示任何滚动条..请帮忙

Answer 1

您需要为“#d3Div”中的 SVG 添加 overflow:auto

只需创建一个类 .d3

.d3{
  height:70%; overflow:hidden;
}

.d3 svg{
  height:100%; overflow:auto;
}
   <div id="d3div" class="d3"></div>

这是获得结果的方法。

JUST CHECK THIS FIDDLE TOO