javascript - 如何在 Cytoscape JS 中给出节点的行和列位置

Question

我想将一些节点放置在网格内的特定位置。

在 Cytoscape Js 中我定义数据如下:

 nodes: [
      { data: { id: '1', name: 'Cytoscape1', row: '1', col:'1' } },
      { data: { id: '2', name: 'Cytoscape2', row: '2', col:'3' } },
      { data: { id: '3', name: 'Cytoscape3', row: '1', col:'3' } },
      { data: { id: '4', name: 'Cytoscape4', row: '1', col:'4' } }
    ]

我想使用列和行数据来设置节点位置。现在我为图表添加了以下网格布局选项:

layout: {
    name: 'grid',
    padding: 10,
    rows: 4, 
    columns: 4, 
    position: function( node ){ return {node.row, node.col}; } 
  }

我的问题涉及返回节点的行和列位置的函数。由于某种原因，该代码段不起作用，并且我找不到任何使用此选项的示例。

在实际示例中测试它时，它会出现语法错误。现在我尝试了许多不同的方法来返回与语法匹配的行和列，但我只是变得更加困惑并且仍然没有任何效果。

到目前为止，我尝试过但没有成功的例子是:

position: function ( node ) { return node.row, node.col }
position: function ( node ) { return node.data.row, node.data.col }
position: function ( node ) { return data:row, data:col }
position: function ( node ) { return {data:row, data:col}; }
position: function ( node ) { return node:row, node:col }
position: function ( node ) { return {node:row, node:col}; }

等等。

更新:经过更多搜索以访问行和列值，我现在知道它必须是node.data('row') 和node.data('col')。但是我仍然遇到如何返回 row 和 col 参数的问题。我尝试过:

position: function ( node ) { return [node.data('row'), node.data('col')]; }

但是仍然没有运气:/

Answer 1

啊，谢谢 Mrintunjay!这正是我需要将其拼凑在一起的东西。答案是:

position: function( node ){ return {row:node.data('row'), col:node.data('col')}; }