D3js使用Internet explorer 11有什么问题？

Question

我正在使用D3js v4库创建一个SVG甜甜圈图表，它在Google chrome上运行良好，但在IE11上完全不起作用。

我试着把代码放在这个Codepen 'https://codepen.io/ohmto/pen/eYZeYqW‘中。

如有任何帮助或原因说明它在IE11上不起作用，我们将不胜感激

Answer 1

我试着检查你的代码，发现其中有=>箭头函数。IE浏览器不支持Arrow functions。

我尝试修改您的示例代码，并尝试将箭头函数转换为普通函数，以使其在IE浏览器中工作。

修改代码后，我注意到图表被创建了，但它的格式不正确，数据也丢失了。

IE 11浏览器中的输出：

​

​

我再次尝试修改JS和CSS代码，但结果是相同的。

此外，我尝试查看与D3.JS和SVG相关的文档。

您可以注意到，SVG在IE浏览器中具有部分支持。

D3.js的某些部分可能也不能与较旧的浏览器一起工作。

​

​

您可以尝试简化您的示例，并检查它是否与IE一起工作。如果它不工作，那么我建议您使用JS代码来识别浏览器，并通知用户使用与您的站点兼容的浏览器访问站点。