我似乎无法在点击时更改节点的样式。我需要以编程方式执行此操作以跟踪图中的两个节点,基本上是同时选择两个节点,每个节点都是我定义的不同类型。这里有一些例子(http://js.cytoscape.org/#eles.addClass)在某些节点的表格中“删除”了一种新风格。我不明白这些类是如何工作的,它们在样式表中定义的位置以及它们可以使用的是什么事件。该库的文档没有提供类的实际解释,在何处定义它们以及它们可以用于什么。任何帮助深表感谢。
我认为这些类就像css类一样。当你第一次初始化cytoscape时,你可以有一个可选的style
参数,如......
var cy = cytoscape({
style: [
{
selector: '.myFirstClass',
style: {
'background-color': 'red',
'shape': 'rectangle'
...
},
{
selector: '.mySecondClass',
style: {
'background-color': 'blue',
'shape': 'triangle'
...
}
});
现在,当您更改节点的样式时,它将反映您在样式表中设置的内容。所以...
cy.$('#nodeA').classes('mySecondClass');
,其中#nodeA
是你的节点的id。这会将您的第一个节点变为蓝色三角形。
希望有所帮助。