cytoscape.js - 我如何使类在 Cytoscape.js 中工作

Question

我正在尝试向节点添加一个类，将我所有的 css 放在一个样式表文件中，而不是在 javascrpt 声明中。

  var values = {
    nodes: [
      { data: { id: 'explore'}, 
        classes: 'ClassName1'
      },
      { data: { id: 'discover' } }
    ],
    edges: [
      { data: { source: 'explore', target: 'discover' } }
    ]
};

如您所见，我正在添加类和类名，但没有任何 react 。

Answer 1

你应该使用选择器，
这是解决方案:

        var cy = cytoscape({
            container: this.div[0],
            style: cytoscape.stylesheet()
            .selector(".ClassName1")
                .css({
                    'background-color': 'red',
                })        ,
            elements: values ,
            layout: 'MyLayout'
        });
        cy.layout();