d3.js转换()在浏览器最小化时无法工作

Question

transition()选择用于在新数据进入时移动svg元素的位置，在打开浏览器窗口时工作得很好，但是当我打开另一个选项卡或最小化窗口时，transition()函数将svg元素堆在一起。当我打开窗口时，我看到svg元素堆积如山。

然而，exit()选择移出屏幕。

Answer 1

D3 使用requestAnimationFrame，使绘图流畅有效。这是关于这个主题的更多信息。

许多人的基本问题是，当窗口/选项卡在后台时，页面呈现“进入睡眠模式”而不提供“动画帧”，即浏览器将停止绘图。

您可以通过使用浏览器可视性API来控制绘图来解决这个“问题”(例如，当页面再次可见时，对图表执行完全更新)。有关示例，请参见相关MDN页面。