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

标签 javascript cytoscape.js

我有一些细胞景观节点

  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)'
      })
      ...

我怎样才能拥有包含两行或更多行以及 2 个或更多连接字符串的内容?

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

TIA

最佳答案

在你的样式表中:

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

参见 http://js.cytoscape.org/#style/labels

关于javascript - 如何在 Cytoscape.JS 节点内容中设置多个文本行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24699159/

相关文章:

javascript - 将对象分配给javascript多维数组中的数组

javascript - 为什么 for 循环有时会跳过一些迭代?

javascript - 在 div 位置渲染 cytoscape 图

javascript - 滚动后 Tippy 尺寸太大

javascript - 使用向上/向下键导航焦点

javascript - 单击 Accordion 时,可并排打开的 Accordion 都会展开,如何仅打开单击的 Accordion ?

javascript - cytoscape.js-qtip 扩展 : qtip. $domEle.qitp 不是函数

javascript - 获取没有边的节点

javascript - append/appendChild 不适用于所有项目

javascript - 将 cytoscape 图导出为 png 图像 : how to put png tag on cytoscape graph