javascript - Cytoscape 布局 - 找不到这样的布局可乐

Question

我在带有 Typescript 的 Angular 2 项目上使用 Cytoscape 并想使用 Cola 布局。因此，我使用 npm 将依赖项添加到我的项目中。由于我将 Angular 2 与 Typescript 一起使用，因此我首先将 js 模块添加到 angular-cli.json 文件，然后再添加到 index.html 文件。之后，在我用来显示图形的 Angular 组件 NetworkComponent 中，我按如下方式导入库:

声明 var cola:any;

然后我尝试使用如下布局:

   this.cyto = cytoscape({
            container: document.getElementById("graph"),
            elements: this.graph.elements,
            style: res.json()
            });
    this.cyto.layout({name: "cola"});

图表不显示，我在控制台中收到以下错误:

Can not apply layout: No such layout 'cola' found; did you include its JS file?

我可以使用 concentric 布局和图形显示，但对于其他布局扩展，例如 cose-bilkent 和 springy，我得到了同样的错误>.

如何导入可乐库并将其用作我的图形布局？这里可能出了什么问题？

Answer 1

1. 安装cytoscape-cola:

   npm install cytoscape-cola --save
   

2. 导入cytoscape-cola模块:

   import cola from 'cytoscape-cola';
   

3. 在组件中使用cola:

   cytoscape.use(cola);
   

然后就可以调用cola布局了。