javascript - D3js 使用 Internet Explorer 11 有什么问题

Question

我正在使用 D3js v4 库创建一个 SVG 圆环图，它适用于 Google chrome，但它根本不适用于 IE11

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

任何帮助或它在 IE11 上不起作用的原因，将不胜感激

标签： javascriptinternet-explorerd3.jsinternet-explorer-11donut-chart

Answer 1

我尝试检查您的代码并在其中找到 => 箭头函数。IE 浏览器不支持箭头功能。

我尝试修改您的示例代码并尝试将箭头函数转换为普通函数以使其与 IE 浏览器一起使用。

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

在 IE 11 浏览器中输出：

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

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

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

D3.js 的某些部分也可能不适用于旧版浏览器。

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