Question

I have an simple issue with D3 in IE9.

Have a look at this example both in Chrome/Firefox and IE9.
–> http://bl.ocks.org/d/1005873/

Click on one block to use the zoom functionality.
It works on Chrome, but IE9 is not able to “hide” all the other elements when zooming. The content out of the “div” block is shown.

I am wondering how this issue can be solved. One way is to integrate the chart in a iframe, like on this page : http://bl.ocks.org/1005873

but I was wondering if there was a better way to set D3 in order to avoid the iframe workaround.

Thanks a lot.

Answer 1

To fix this issue, you can add a width and hide the overflow for the chart div. After adding the following, IE9 works as expected for me.

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