internet-explorer-9 - IE9 中的 D3 问题

Question

我对 IE9 中的 D3 有一个简单的问题。

在 Chrome/Firefox 和 IE9 中查看此示例。--> http://bl.ocks.org/d/1005873/

单击一个块以使用缩放功能。它适用于 Chrome，但 IE9 无法在缩放时“隐藏”所有其他元素。显示“div”块外的内容。

我想知道如何解决这个问题。一种方法是将图表集成到 iframe 中，例如在此页面上：http: //bl.ocks.org/1005873

但我想知道是否有更好的方法来设置 D3 以避免 iframe 解决方法。

非常感谢。

Answer 1

要解决此问题，您可以添加宽度并隐藏chartdiv 的溢出。添加以下内容后，IE9 按我的预期工作。

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