在Cytoscape.js节点内包含长文本

Question

我需要创建一个面向对象的图形来模拟对话。可以使用Cytoscape.js创建这样的图形吗？

我需要类似的东西：

elements: [
  {data: {id: '1', content:'Hi, I am John ...'}},
  {data: {id: '2', content:'Hi, I am Max ...'}},
  {data:{id: '1_2', source: '1', target: '2' }}
],

然后在节点内部显示content：

Answer 1

您首先需要将text-wrap设置为wrap，然后可以通过在标签中使用\n来创建多行标签。例如：将标签设置为Hello\nWorld将呈现为

Hello World

这里是一个示例：https://jsbin.com/galokipuqu/1

另请参阅文档for more details。

P.S：Max是Cytoscape.js的主要开发人员：）