d3.js - d3 带有附加文本的动画路径

Question

我按照http://strongriley.github.io/d3/ex/sunburst.html的示例创建了一个旭日形图：

一切都很好，在将文本附加到图表时（通过 text 和 textPath 元素使用xlink:href指向弧的 ID 的属性）。动画（打开/关闭效果）没有附加文本的图表时相同（如示例所示）。只要附加了文本，动画就会减慢（拖动行为）。这只发生在 iPad 上，而不是在桌面上。我以为是因为平板电脑的webkit。也许我错过了一些东西。

注意：由于文本附加到弧上，因此不会对文本元素应用任何过渡，仅使用以下方法对路径进行动画处理：

path
  .data(partition.value(val))
  .transition().duration(1500).attrTween("d", arcTween);

使用这种方法，路径上的文本（附加）可以在网络上流畅地制作动画，但在 iPad 上则不行。