javascript - 西格玛 JS : how to keep edge selected onclick

Question

我正在使用最新的 http://sigmajs.org/启用了 EdgeHover 的库。但是，我希望在单击边缘后更改红色边缘的颜色(直到单击另一个边缘):

s.bind('clickEdge', function(e) {
    document.getElementById('metadata').innerHTML = e.data.edge;
    console.log(e.data.edge.hover_color = 'red');
});

• 当我单击它时，这会使边缘颜色变为红色，但仅限于悬停时。在单击另一条边之前，如何让它保持红色？

• 此外，这会在悬停时将所有曾经被点击的边保持为红色，但我只希望当前被点击(选中)的边为红色。选择另一条边后，我想悬停先前选择的边的颜色以返回默认值 #000

如有任何帮助，我们将不胜感激!

Answer 1

您可以保持选中的变量并在点击边缘事件发生时切换

s.bind('clickEdge', function(e) {
        // Get Edge 
        if( !e.data.edge.selected  ){
          e.data.edge.color = '#F491A4';
          e.data.edge.selected = true;

        }else{
          e.data.edge.color = 'blue';
          e.data.edge.selected = false;
        }

        s.refresh();        
    });