g6 计算布局的渲染时间

在 G6 中，可以使用 `graph.on('afterlayout', function(){})` 事件来监听布局完成后的回调函数。在回调函数中，可以使用 `console.time()` 和 `console.timeEnd()` 方法来计算布局的渲染时间。具体操作如下：

1. 在初始化 G6 图表时，绑定 `afterlayout` 事件的回调函数。

const graph = new G6.Graph({
  container: 'container',
  // ...
});

graph.on('afterlayout', function() {
  console.time('render');
  graph.render();
  console.timeEnd('render');
});

2. 在回调函数中，使用 `console.time()` 方法开始计时，使用 `graph.render()` 方法渲染图表，然后使用 `console.timeEnd()` 方法结束计时。

3. 在控制台中查看渲染时间，即可得到 G6 图表布局渲染的时间。

例如，以下代码演示了如何使用 `console.time()` 和 `console.timeEnd()` 方法计算一个 G6 图表布局渲染的时间：

const graph = new G6.Graph({
  container: 'container',
  // ...
});

graph.on('afterlayout', function() {
  console.time('render');
  graph.render();
  console.timeEnd('render');
});

执行后，控制台将输出类似以下的结果：

render: 23.930ms

表示该 G6 图表布局渲染的时间为 23.93 毫秒。