1

ノードの形状をノード テキストのサイズに変更しようとしています。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,
    }
}]
4

1 に答える 1

0

無効なスタイルを指定しました。 "somestring" * 50ですNaN。

width: labelドキュメントに示されているように、必要です： http://js.cytoscape.org/#style/node-body

于 2016-02-08T15:48:24.623 に答える