【问题标题】:In grid layout poistioning node in a specific cell在特定单元格中的网格布局中定位节点
【发布时间】:2015-10-01 22:11:41
【问题描述】:

我也尝试在网格布局中的单元格中定位节点,如下所示

layout: { name: 'grid', 
  fit: true, // whether to fit the viewport to the graph 
  rows:5, 
  columns:12, 
  padding: 10, // the padding on fit 
  position: function( node )
     { console.log("Row : "+node.data('row') + ", COL : "+node.data('col')); 
        return {row:3, col:node.data('col')}; 
     } 
 },

但节点总是在画布中间创建,即使我像上面那样对行进行硬编码。任何建议,发生了什么。
谢谢你

【问题讨论】:

    标签: grid-layout cytoscape.js


    【解决方案1】:

    如果您手动指定位置,则不需要设置整体尺寸。也许你过度约束了它(例如,行超出行)?

    或者,您可以设置维度和排序函数来指示排序。

    【讨论】:

    • 我没明白你所说的整体尺寸是什么意思。这是我也尝试过的: layout: { name: 'grid', fit: true, padding: 5, position: function( node ){ console.log("Row : " + node.data('row') + " , COL : " +node.data('col'));返回{行:2,列:3}; } } 没有运气
    • 我的要求是在添加节点时更改布局。因此,如果我有一个节点,我希望它位于第一行和第一列,如果我有两个节点应该位于第三行和第一列。第三个节点应该在第 2 行和第 2 列等中。我也没有找到这样做的好例子
    • 如果指定了position,则在没有rowscolumns 的情况下运行。您可以使用动画重新运行网格,或者可乐更适合。您必须针对您的用例进行试验。
    猜你喜欢
    • 2021-05-19
    • 2014-10-27
    • 1970-01-01
    • 2018-02-28
    • 2018-04-04
    • 1970-01-01
    相关资源
    最近更新 更多