2013-06-05 65 views
2

我有一個對象是這樣的:如何在設置邊緣顏色與不同的對象Cytoscape的JS

邊緣

...,{\"data\":{\"label\":\"test\",\"source\":\"1\",\"target\":\"19\",\"extra\": 
{\"color\":\"#000000\",\"width\":\"#000000\"}}},{\"data\": 
{\"label\":\"1~20\",\"source\":\"1\",\"target\":\"20\",\"extra\": 
{\"color\":\"#FF0000\",\"width\":\"5\"}}},... 

我能夠解析它,閱讀它,並顯示我的節點和邊成cytoscape.js ,但我不知道如何訪問額外的組件來設置顏色和寬度。

這裏:

.selector("edge") 
        .css({ 
         "width": "mapData(weight, 0, 100, 1, 4)", 
         "target-arrow-shape": "triangle", 
         "source-arrow-shape": "circle", 
         "line-color": "data.extra(color)"//data(color) 
        }) 

我知道如何接取顏色屬性,如果是外面額外的,但我想用它額外的組件內,作爲一個可以在JSON例子中看到。

請問,我應該如何訪問我的額外組件來設置CSS顏色?

任何幫助表示讚賞。

+0

這篇文檔比我接受的答案對我更有幫助:https://github.com/cytoscape/cytoscape.js/blob/master/documentation/md/style.md#function-values – winni2k

回答

1

如果你從trunk中構建,我已經推出了一個修復程序,允許在mappers中使用data(extra.color)風格的語法。