css – 基于内容的Cytoscape.js样式节点

前端之家收集整理的这篇文章主要介绍了css – 基于内容的Cytoscape.js样式节点前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我想为我的根节点设置与屏幕上其他节点不同的颜色,我已经做了一些预先工作来识别根节点的值并让它在变量中随时可用.然而,在尝试设计图形时没有任何事情发生,并且很难通过这种方式进行调试.

例:

nodes: [{id = 1},{id=2}]

var startingNode = 1; //root node

$('#cy').cytoscape({
                style: [
                    {
                        selector: 'node',css: {
                            'content': 'data(id)','background-color': 'red','color': 'black','border-width': '1px','border-color': 'black'
                        }
                    },{
                        selector: "node[content = 'startingNode']",'background-color': 'purple','border-color': 'black'

                        }
                    }]

// more info for cytoscape rendering omitted

});

任何输入都会有所帮助!

谢谢,
保罗G.

最佳答案
除非内容在节点的数据中,否则将无效.如果您拥有节点的ID(例如foo),则可以使用#foo或[id =’foo’]作为选择器.

猜你在找的CSS相关文章