在cytoscapeJs中设置节点样式

var cy = cytoscape({
  container: document.getElementById('cy'), // 指定容器
  elements: [ /* 节点和边的定义 */ ],
  style: [ /* 样式定义 */ ],
});

var cy = cytoscape({
  container: document.getElementById('cy'),
  elements: [ /* 节点和边的定义 */ ],
  style: [
    {
      selector: 'node', // 选择所有节点
      style: {
        // 设置节点样式
      }
    },
    {
      selector: '#node1', // 选择id为node1的节点
      style: {
        // 设置节点样式
      }
    },
    {
      selector: '.custom-node', // 选择class为custom-node的节点
      style: {
        // 设置节点样式
      }
    }
  ],
});

var cy = cytoscape({
  container: document.getElementById('cy'),
  elements: [ /* 节点和边的定义 */ ],
  style: [
    {
      selector: 'node',
      style: {
        'background-color': 'blue',
        'shape': 'circle',
        'width': 30,
        'height': 30,
        'border-color': 'black',
        'border-width': 1,
        'label': 'Node'
      }
    }
  ],
});

var cy = cytoscape({
  container: document.getElementById('cy'),
  elements: [ /* 节点和边的定义 */ ],
  style: [
    {
      selector: 'node',
      style: {
        'background-color': function(node) {
          if (node.data('type') === 'A') {
            return 'red';
          } else if (node.data('type') === 'B') {
            return 'green';
          } else {
            return 'blue';
          }
        },
        // 其他样式属性
      }
    }
  ],
});