https://bl.ocks.org上的缩放到框示例与Internet Explorer无法正常工作

Question

错误说明：不是缩放以适应边界框的约束，而是缩放到整个浏览器的大小。

浏览器不能正常工作： Internet Explorer

浏览器测试版本： 11

示例无法正常工作

缩放到边界框

https://bl.ocks.org/mbostock/4699541 此链接上的代码仅起作用，因为原始代码显示在Iframe中，单击＆＃34;打开＆＃34;从页面显示没有IFrame或点击下面的链接：

https://bl.ocks.org/mbostock/raw/4699541/

放大边界框II

https://bl.ocks.org/mbostock/9656675 此链接上的代码仅起作用，因为原始代码显示在Iframe中，单击＆＃34;打开＆＃34;从页面显示没有IFrame或点击下面的链接：

https://bl.ocks.org/mbostock/raw/9656675/

通过转换点击放大

https://bl.ocks.org/mbostock/2206590 此链接上的代码仅起作用，因为原始代码显示在Iframe中，单击＆＃34;打开＆＃34;从页面显示没有IFrame或点击下面的链接：

https://bl.ocks.org/mbostock/raw/2206590/

Answer 1

使用以下行修复它：

  

.attr（＆＃34;溢出＆＃34;，＆＃34;隐藏＆＃34;）;

以下是需要放置的地方：

var svg = d3.select("body").append("svg")
    .attr("width", width)
    .attr("height", height)
    .attr("overflow", "hidden");