2017-11-11 281 views
0

我正在使用Cytoscape Angular 2項目與Typescript並希望使用可樂佈局。因此,我使用npm將依賴項添加到我的項目中。由於我正在使用Angular 2與Typescript,我已經將js模塊首先添加到angular-cli.json文件中,然後添加到index.html文件中。之後,在我的NetworkComponent,這是我使用的顯示圖形,我導入庫如下角度分量:Cytoscape佈局 - 沒有這樣的佈局可樂發現

declare var cola:any;

然後我想使用的佈局如下:

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

圖表不顯示,我得到以下錯誤在控制檯:

不能適用佈局:未找到這樣的佈局「可樂」;你有沒有包含它的 JS文件?

我可以使用concentric佈局和圖形顯示,但我得到了其他佈局擴展,例如cose-bilkentspringy同樣的錯誤。

如何導入可樂庫並將其用作我的圖形佈局?這裏可能有什麼問題?

回答

0

這是一個簡單的修復。事實證明,我忘記了cytoscape-cola.js所要求的index.html中的cola.js文件的引用。我以爲只使用cytoscape-cola.js就足夠了,但是在添加可樂 js文件後,它工作正常。