滑块过滤边缘属性(例如,强度[0-1])
Slider filtering edges by property (e.g., strength [0-1])
我是 Cytoscape js 的新手,是否有示例说明如何过滤掉属性低于特定阈值的所有边(使用滑块)?
谢谢!
下面的代码显示了如何通过属性过滤边缘,在本例中 weight
使用名为 threshold
的变量。 elements
变量将具有过滤边。
var elements = cy.filter('edges[weight > ' + threshold + ']')
滑块回调方法可用于触发此函数,从而产生由滑块控制的过滤器。
如果您希望从图表中删除这些元素,restore function 可能有助于在再次过滤图表之前 return 将它们返回。下面给出了可能的回调方法的片段:
var filteredEdges = [];
sliderCalback(threshold) {
// putting back the previously removed edges
cy.recover(filteredEdges);
// filtering edges
filteredEdges = cy.filter('edges[weight> ' + threshold + ']');
// Removing filteredEdges from graph
cy.remove(filteredEdges);
}
有关 Cytoscape.js 过滤方法的更多详细信息,请参见 here, and selectors can be found here。
我是 Cytoscape js 的新手,是否有示例说明如何过滤掉属性低于特定阈值的所有边(使用滑块)?
谢谢!
下面的代码显示了如何通过属性过滤边缘,在本例中 weight
使用名为 threshold
的变量。 elements
变量将具有过滤边。
var elements = cy.filter('edges[weight > ' + threshold + ']')
滑块回调方法可用于触发此函数,从而产生由滑块控制的过滤器。
如果您希望从图表中删除这些元素,restore function 可能有助于在再次过滤图表之前 return 将它们返回。下面给出了可能的回调方法的片段:
var filteredEdges = [];
sliderCalback(threshold) {
// putting back the previously removed edges
cy.recover(filteredEdges);
// filtering edges
filteredEdges = cy.filter('edges[weight> ' + threshold + ']');
// Removing filteredEdges from graph
cy.remove(filteredEdges);
}
有关 Cytoscape.js 过滤方法的更多详细信息,请参见 here, and selectors can be found here。