SVG D3以最大高度滚动

我有一个非常简单的用户界面，在最大高度的滚动div容器上添加了一堆矩形。SVG D3以最大高度滚动

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

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

它只是显示只有少数SVG项目。我怎样才能显示在相同的最大高度在容器中的所有项目？

来源

2017-04-26 fireholster

哦，我see..yeah什么我wanted..i将高度设置为100％，这是默认的..我想我好这一个..谢谢 – fireholster

我刚刚做了另一个小提琴，我相信它会更适合你，请检查答案。 –

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

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

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

来源

2017-04-26 06:25:40

感谢您现在可以在IE中看到我的另一个问题。 http://stackoverflow.com/questions/43625690/d3-svg-issue-in-internet-explorer如果你在高度'100％'在IE中运行小提琴它会告诉你这个问题。但我将用responsiveDivHeight替换高度，这将适用于我的情况。 – fireholster

SVG D3以最大高度滚动

回答

相关问题