Vis.js网络:复杂/多节节点标签?

时间:2017-05-16 09:41:23

标签: javascript svg vis.js vis.js-network

对于我正在研究的VisJs网络应用程序,我需要能够让用户在同一节点中编辑节点标签多个标签的单独部分。我知道可以将SVG用于节点图像并对其进行操作,但我想知道是否有更简洁的方法来执行此操作。

我头脑中最简单的想法是使用node.label1,node.label2 ......或者单个标签必须保存可以操作的不同ID的HTML DIV,但我想这不是一个选项SVG画布?!

也许我只需要提示要查找的内容。

1 个答案:

答案 0 :(得分:0)

经过一番思考后,我发现了以下简单的解决方法: 我的节点对象如下所示:

let node = {
 id: 1,
 title: 'New Node',
 sublabel1: 'First Label Part',
 sublabel2: 'Second Label Part',
}

node.label = node.title + '\n\n' + node.sublabel1 + '\n\n' + node.sublabel2;

可以通过用户输入修改子标签,DataSet()附带的原始标签组件仅组装输入。