我在带有 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
,我得到了同样的错误>.
如何导入可乐库并将其用作我的图形布局?这里可能出了什么问题?
最佳答案
安装
cytoscape-cola
:npm install cytoscape-cola --save
导入
cytoscape-cola
模块:import cola from 'cytoscape-cola';
在组件中使用
cola
:cytoscape.use(cola);
然后就可以调用cola
布局了。
关于javascript - Cytoscape 布局 - 找不到这样的布局可乐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47240154/