D3.JS ForeignObject无法在IE和Firefox中渲染

Question

根据我读过的指导，为了在D3.JS SVG中添加任何html元素，我们需要创建ForeignObjects。所以我添加了一个使用异物的标签，它在Chrome中运行得很好。以下是我正在使用的代码。

val rdd2 = sc.parallelize( List(("c", 2), ("d", 2), ("e", 2), ("f", 2)))

我的问题是，它不会在IE和Firefox中呈现。如果我错过任何明显的事情，请你告诉我。

Answer 1

• IE does not support foreignObject

• Firefox要求foreignObject具有宽度和高度属性

Answer 2

经过一番调查，已经意识到ForeignObject不受支持或者IE和Firefox存在问题。所以决定改变我的实现，以便所有浏览器都能支持它。