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

Question

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

示例：

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']", 
                        css: {
                            'content': 'data(id)',
                            'background-color': 'purple',
                            'color': 'black',
                            'border-width': '1px',
                            'border-color': 'black'

                        }
                    }]

// more info for cytoscape rendering omitted

});

任何输入都会有所帮助！

谢谢， 保罗G.

Answer 1

除非content位于节点data中，否则无法正常工作。如果您拥有节点的ID（例如foo），则可以使用#foo或[id = 'foo']作为选择器。