JavaScript - Cytoscape Web use filter property to show or hide nodes

上一篇有提到Cytoscape Web使用上可搭配其他的plugin來呈現tip,而這一篇主要是說明它本身

的node如何經由filter來達到hide我們不想要顯示的部分。

一般來說filter是在load完所有的nodes and edge進記憶體後才使用的,因此他的處理速度非常

之快,可以以秒殺來形容。

當我們建立了一個Cytoscape的object (搭配設定的項目)後,我們將利用其來使用filter,切記

filter要在完整載入node後方可使用,因此在ready區塊就很適合,而ready內也是定義event的

地方。

vis.ready(function() {
      ......
});


一樣以我們的第一篇的node為範例,這三個node的ID我們很簡易的都以1 , 2 , 3為之,

因此若我們執行此段code vis.filter("nodes", [ '1', '2']); 那麼檯面上就會只剩下A, B的node

關係了。由此可知如果想要隱藏哪些node不想看到,只需要不把他列入此陣列內即可,

使用上算是非常的簡單。

點擊node A後

而如果要讓所有的點都隱藏,只要[]內不設值即可,vis.filter("nodes", []);

留言