如何在cytoscape js中设置不同对象的边缘颜色

时间:2013-06-05 01:12:47

标签: 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颜色?

感谢任何帮助。

1 个答案:

答案 0 :(得分:1)

如果你是从trunk构建的,我已经推出了一个修复程序,允许在mappers中使用data(extra.color)样式语法。