Cytoscape中JS

Question

突出显示多个边缘我有一个无向图是这样的：

var cy = cytoscape({ 
      container: document.getElementById('cy'), 
      elements: [ 
      // nodes 
      { data: { id: 'a' } }, 
      { data: { id: 'b' } }, 
      { data: { id: 'c' } }, 
      { data: { id: 'd' } }, 

      // edges 
      { 
       data: { 
       id: 'ab', 
       source: 'a', 
       target: 'b' 
       } 
      }, 
      { 
       data: { 
       id: 'bc', 
       source: 'b', 
       target: 'c' 
       } 
      }, 
      { 
       data: { 
       id: 'cd', 
       source: 'c', 
       target: 'd' 
       } 
      } 
      ], 
      style: [ 
      { 
       selector: 'node', 
       style: { 
       shape: 'hexagon', 
       'background-color': 'red', 
       label: 'data(id)' 
       } 
      }], 
      layout: { 
      name: 'grid' 
      } 
     }); 

正如你可以看到你可以通过使用c和d去d从a。我试图实现的是，如果边缘ab突出显示，边缘bc和cd也将突出显示。有没有办法做到这一点？我在互联网上找不到任何来源......谢谢。

Answer 1

查看包含的算法，如Floyd-Warshall或Dijkstra。从它们的输出中，您应该能够为相关边缘生成突出显示。

Ex。

var dijkstra = cy.elements().dijkstra('#an_id') 
var path = dijkstra.pathTo(cy.elements('node#another_id')) 

path.forEach(function(ele){ 
    if (ele.isEdge()){ 
    ele.addClass("class_that_has_highlight_styling") 
    } 
})