Cytoscape.js点击

Question

我似乎无法在点击时更改节点的样式。我需要以编程方式执行此操作以跟踪图中的两个节点，基本上是要选择两个节点＆＃39;同时，每个都是我定义的不同类型。这里有一些例子（http://js.cytoscape.org/#eles.addClass）可以删除＆＃39;某些节点的工作表中的新样式。我不明白这些类是如何工作的，它们在样式表中的定义以及它们可以使用的是什么事件。 该库的文档没有提供类的实际解释，在何处定义它们以及它们可以用于什么。非常感谢任何帮助。

Answer 1

我认为这些类就像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。这会将您的第一个节点变成蓝色三角形。

希望有所帮助。