2017-08-14 65 views
1

這是一個新手cytoscape.js問題。 我的節點使用下面的數據(lbl)進行標記,我想動態地切換到從不同的數據元素中拉出標籤,例如,改變 「標籤」:「數據(LBL2)」如何更改細胞節點節點的標籤

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

說實話,我甚至不知道如何正確地遍歷所有的節點,更不用說應用此風格的改變。根據提供的說明,我沒有任何困難,但在我看來,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

做到了,謝謝! –