javascript - d3.js transition() 在浏览器最小化时不起作用

标签 javascript d3.js

transition() 选择,当新数据进入时,我用来移动 svg 元素的位置,在浏览器窗口中完美运行已打开,但当我打开另一个选项卡或最小化窗口时,transition() 函数会将 svg 元素堆叠在一起。当我打开窗口时,我看到 svg 元素堆叠在一起。

exit() 选择移出屏幕。

最佳答案

D3 uses requestAnimationFrame以实现流畅高效的绘图。这是 more info关于这个话题。

许多人的基本问题是,当窗口/选项卡处于后台时,页面呈现“进入休眠模式”并且不提供“动画帧”,即浏览器将停止绘制。

您可以使用浏览器解决这个“问题”visibility API控制您的绘图(例如,当页面再次可见时,对您的图表进行完全更新)。 查看related MDN page例如。

关于javascript - d3.js transition() 在浏览器最小化时不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13740164/

相关文章:

javascript - 在对象数组中对具有相同键的值进行分组

d3.js - NVD3 - 显示空图表而不是 noData 消息

javascript - 如何使用 D3 js(v3) 中的循环在 SVG 元素中创建可变数量的图像或圆形元素

ruby-on-rails - ruby on rails web 应用程序的第三方 API 数据

d3.js - 从 d3.js 中的鼠标位置获取 X 和 Y 轴值

javascript - 文本输入失去焦点并再次获得焦点后自动触发按键事件

javascript - 为什么对定义函数的字符串求值会返回 undefined 而不是函数?

javascript - 未捕获的 TypeError : d3. schemeCategory20 不是函数

javascript - 添加 HTML 元素作为 document.documentElement 的直接子元素有什么问题吗?

javascript - 提交多个表单后重定向