クリック時のノードのスタイルを変更するCytoscape.js

Question

クリック時にノードのスタイルを変更できないようです。私はグラフで2つのノードを追跡するために、基本的に2つのノードを同時に選択するようにプログラム的に行う必要があります。ここにある例（http://js.cytoscape.org/#eles.addClass）のように、特定のノードのシートに新しいスタイルを「ドロップする」ような例があります。私はこれらのクラスがどのように動作するのか、スタイルシートでどのような場所で定義されているのか、どのようなイベントで使用できるのか理解していません。 ライブラリのドキュメントでは、クラス、その定義場所、およびそれらの使用方法を実際に説明していません。どんな助けでも大歓迎です。

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です。これにより、最初のノードが青い三角形に変わります。

希望しました。