使用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