时间戳

首页 > 解决方案 > 在 Cytoscape.js 节点中包含长文本

cytoscape.js - 在 Cytoscape.js 节点中包含长文本

问题描述

我需要创建一个模拟对话的有向图。是否可以使用 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在节点内显示：

在此处输入图像描述

标签： cytoscape.jscytoscape

解决方案

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

Hello World

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

另请参阅文档以获取更多详细信息。

PS：Max 是 Cytoscape.js 的主要开发者 :)

推荐阅读