如何在Cytoscape.JS节点内容中设置多个文本行?

时间:2014-07-11 13:40:17

标签: javascript cytoscape.js

我有一些

的cytoscape节点
  style: cytoscape.stylesheet()
    .selector('node')
      .css({
        'border-color': '#0266C8',
        'border-width' : '1px',
        'shape': 'data(faveShape)',
        'width': '80px',
        'font-family' : 'Consolas',
        'font-size' : '10px',
        'content': 'data(id)',
        'text-valign': 'center',
        'background-color': 'data(faveColor)',
        'color': 'data(textColor)'
      })
      ...

如何拥有包含两行或更多行以及两个或更多串联字符串的内容?

...
'content': 'data(id)' + '<br>' + data('name') + '<br>test123',
...

TIA

1 个答案:

答案 0 :(得分:4)

在样式表中:

text-wrap: wrap;
label: 'My multiline\nlabel';

请参阅http://js.cytoscape.org/#style/labels