D3.js没有在firefox

Question

我无法在firefox上运行此可视化，而我可以在Chrome上甚至在Edge上执行此操作：

https://naustud.io/tech-stack/

由于我对它非常有启发并希望对其进行分析 - 我是d3.js的初学者 - 事实上这种可视化无法在所有浏览器上呈现，这对我的方法有点拖累。

有没有人有解释？这可以解决吗？谢谢大家。

Answer 1

似乎在Firefox中，svg元素的clientWidth未被读取，可能与此错误相关：Free Rest API to get current time as string (timezone irrelevant)。相反，width变量被设置为0，看起来它在尝试打包图表时会导致无限递归。

要解决此问题，您可以使用.node().parentNode.clientWidth（通过https://bugzilla.mozilla.org/show_bug.cgi?id=874811），在 techstack-main.js console.log之前添加此内容（第490行） ）：

if (!width) {
  width = svg.node().parentNode.clientWidth;
}