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。

您需要宽度:标签，如文档中所示:http://js.cytoscape.org/#style/node-body