G
G copied to clipboard
如何测量 g 的渲染性能?
做一个G6 和 G的渲染耗时测试,从代码执行耗时上能看到明显的差异,G6 在graph.read(data)耗时较长,G的耗时仅表现在对节点的遍历上。
但是同时使用G6 和 G渲染时,从视觉效果上几乎是同时展现的。是否有方法能拿到G真正渲染结束时的回调?

- 在线代码演示
但是同时使用
G6和G渲染时,从视觉效果上几乎是同时展现的
这里的原因应该是代码执行到graph.read(data),导致页面卡住,阻塞了G的渲染,改成下面方式有明显的先后渲染顺序
setTimeout(() => {
graph.read(data);
document.getElementById("root-time").innerText = Date.now() - now;
},0)