使用 webworker 布局

阅读时间约 1 分钟

在大规模图可视化中，布局算法往往需要较大的计算量。若配置了布局，F6 需要首先完成布局才可以将图渲染出来。然而，在一些应用页面中，这一过程可能会阻塞页面的其他部分用户交互。为了让大规模图布局不阻塞页面，F6 为一般图布局提供了 Web-Worker 机制。只需要在配置布局时，将 workerEnabled 设置为 true 即可。如下：

const graph = new F6.Graph({
  // ...                      // 其他配置项
  layout: {
    // Object，可选，布局的方法及其配置项，默认为 random 布局。
    type: 'fruchterman',
    workerEnabled: true, // 开启 Web-Worker
    // ...                 // 其他配置
  },
});

注意：

树图不支持 Web-Worker 机制；
子图布局机制暂不支持 Web-Worker 机制。