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以最大高度滾動

回答

相關問題