在 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 的主要开发者:)

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

Include long text inside Cytoscape.js nodes

cytoscape.js

cytoscape