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

我正在尝试将节点的形状调整为节点文本的大小。我遵循了https://github.com/cytoscape/cytoscape.js/issues/649的指示。然而：


形状总是以高度=宽度结尾
所有形状的大小都相同。
形状大小似乎达到了最大值，无法超过最大值。


（我不确定这是否与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,
    }
}]

最佳答案

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

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

关于javascript - 使用dagre布局调整cytoscape.js中的形状大小，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35213359/