javascript - 使用 dagre 布局调整 cytoscape.js 中的形状大小

Question

我正在尝试将节点的形状调整为节点文本的大小。我按照https://github.com/cytoscape/cytoscape.js/issues/649的说明进行操作。然而：

1. 形状总是以高度 = 宽度结束
2. 所有形状的大小都是一样的。
3. 形状大小似乎达到了无法增长的最大值。

（我不确定这是否与 dagre 布局有关。）

我将以下库与 dagre 布局一起使用：

• cytoscape.min.js
• dagre.min.js

• cytoscape-dagre.js

  container: document.getElementById('cy'),
  boxSelectionEnabled: false, autounselectify: true,
  
  layout: {name: 'dagre', rankDir: 'LR', align: 'LR'},
  
  style: [{
      selector: 'node',
      style: {
          'content': 'data(name)',
          'label': 'data(name)',
          'text-opacity': 1,
          'text-valign': 'center',
          'text-halign': 'center',
          'text-wrap': 'wrap',
          'font-size': 9,
          'background-color': '#AAA',
          'shape':'rectangle',
          'width': 'data(width)' * 50,
          'height': 'data(height)' * 50 }
  },{
      selector: 'edge',
      style: {
          'width': 4,
          'content': 'data(name)',
          'target-arrow-shape': 'triangle',
          'line-color': 'data(color)',
          'text-wrap': 'wrap',
          'target-arrow-color': 'data(color)',
          'font-size': 10,
      }
  }]
  

Answer 1

您指定了无效的样式。 "somestring" * 50是NaN。

您想要width: label，如文档中所示：http: //js.cytoscape.org/#style/node-body