多标签 cytoscape js答案

【问题标题】：multi labels cytoscape js多标签 cytoscape js
【发布时间】：2016-05-20 04:53:26
【问题描述】：

我想使用 cytoscape.js 每个节点使用两个标签。一个在节点内部，另一个在节点外部，比如这个链接图片http://gcuculi.com/imagens/labels-constelation.png。

我使用 qtip 作为外部标签，但我需要打印 (ctrl+p) 这个页面并且 qtip div 位置是绝对的（来自文档），所以它们不会出现在正确的位置。

有一种方法可以为两个标签修改 cytoscape.js，或者我如何防止 qtip 这种行为？

谢！！

【问题讨论】：

是的，我相信您可以编辑您的 cytoscape.js 来执行此操作。您只需要知道将这些信息放在哪里，因此您可能需要一个自定义数据字段来存储内部标签，并在编辑 cytoscape.js 时将其显示在适当的位置
不错！该脚本使用“内容”作为节点标签。我正在尝试创建类似“aux-content”的内容，并为位置“aux-text-valign”和“aux-text-halign”。
嗨@gcuculi你能分享一个关于它的示例代码吗，我有同样的问题。

【解决方案1】：

获得多个不同标签的一种方法是使用compound nodes，即通过父子关系包含其他节点的节点。

如果你给每个节点一个自己的父节点，你可以为子节点和父节点提供不同的标签，它们总是一起出现。

具有这种表示的节点定义可能如下所示：

[
  { data: { id: 'childId', parent: 'parentId' } },
  { data: { id: 'parentId' } }
]

【讨论】：