在 CytoScape.js 中单击连接的节点时更改边缘线颜色

change edges line color when the connected node clicked in cytoscape.js

本文关键字：边缘 颜色 节点 js CytoScape 单击 连接      更新时间：2023-09-26

有人可以举一个Cytoscape的例子.js关于一个节点，当它点击时，邻居的边缘改变了它的样式。

此代码不起作用：

cy.$('node:selected').neighborhood('edge').style({
  'line-color': 'black'
});
cy.$('node:selected').connectedEdges().style({
  'line-color': 'black'
});

cy.$('node').on('grab', function (e) {
    var ele = e.target;
    ele.connectedEdges().style({ 'line-color': 'red' });
});

cy.$('node').on('free', function (e) {
    var ele = e.target;
    ele.connectedEdges().style({ 'line-color': '#FAFAFA' });
});

通过假设点击/单击和选择的事件顺序来获得争用条件。

使用:selected选择器仅对select事件进行查询，或对事件对象中传递的元素使用tap。

相关文章：