2012-10-06 49 views
4

我在IE9中有一個簡單的D3問題。在IE9中的D3問題

在Chrome/Firefox和IE9中都可以看到這個例子。 - >http://bl.ocks.org/d/1005873/

單擊一個塊以使用縮放功能。 它適用於Chrome,但IE9在縮放時無法「隱藏」所有其他元素。顯示「div」塊以外的內容。

我想知道如何解決這個問題。一種方法是將圖表整合到iframe中,如本頁所示:http://bl.ocks.org/1005873

但我想知道是否有更好的方法來設置D3以避免iframe解決方法。

非常感謝。

+0

我試過IE和Chrome,我沒有看到區別? – Rob

+0

@Robuust在Chrome中,圖形被限制爲960像素寬,在IE9中,圖形的長度在您放大後會增加,因爲圖形的「unzoomed」部分未正確隱藏。 – Bill

回答

4

要解決此問題,您可以添加一個寬度並隱藏chart div的溢出。添加以下內容後,IE9按預期工作。

<div id="chart" style="width: 960px; overflow: hidden;"> 
+0

非常感謝! – bobby