2017-08-14 7 views
1

これは非常に初心者のcytoscape.jsの質問です。 私のノードは以下のようにデータ(lbl)を使ってラベル付けされています。別のデータ要素からラベルを引き出すように動的に切り替えたいと思います。サイトスコープノードのラベルを変更するには

style:[ 
{ 
    selector: 'node', 
    style: { 
    'background-color': 'data(color)', 
    'label': 'data(lbl)', 
    'font-size' : '25px', 
    'width' : 'data(size)', 
    'height' : 'data(size)' 
    } 

は私がきちんとおろか、以上のすべてのノードを反復処理し、このスタイルの変更を適用する方法さえわからない正直に言うと「データ(LBL2)」: 「ラベル」に変更します。私は提供された指示を使用して素敵なグラフをレイアウトするのに苦労しませんでしたが、javascriptコントロールのガイダンスは非常に電信的です。簡単な操作が実行されていることを示すサンプルコードはありません。

答えて

1

HTML/CSSと同じようにセレクタを使用します。最も簡単なケースはクラスです。

style: [ 
    { 
    selector: 'node.foo', 
    style: { 
     'label': data(foo) 
    } 
    }, 
    { 
    selector: 'node.bar', 
    style: { 
     'label': data(bar) 
    } 
    } 
    // ... 
] 

そしてちょうどクラスの機能を使用します。

node.removeClass('foo').addClass('bar') 
+0

は、おかげでそれをやりました! –

関連する問題