Vis.js 网络:复杂/多节节点标签?
Vis.js Network: Complex / Multi Section Node labels?
对于我正在开发的 VisJs 网络应用程序,我需要能够让用户编辑 节点标签的单独部分 或同一节点内的 多个标签节点。我知道可以对节点图像使用 SVG 并对其进行操作,但我想知道是否有更简洁的方法来执行此操作。
我脑海中最简单的想法是拥有类似 node.label1、node.label2 之类的东西……或者,一个标签必须包含 HTML 个不同 ID 的 DIV,它们可以被操纵,但我想这不会成为 SVG 上的一个选项 canvas?!
也许我只是需要一个关于要寻找什么的提示。
经过深思熟虑,我发现了以下简单的解决方法:
我的节点对象如下所示:
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() 附带的原始标签组件仅组装输入。
对于我正在开发的 VisJs 网络应用程序,我需要能够让用户编辑 节点标签的单独部分 或同一节点内的 多个标签节点。我知道可以对节点图像使用 SVG 并对其进行操作,但我想知道是否有更简洁的方法来执行此操作。
我脑海中最简单的想法是拥有类似 node.label1、node.label2 之类的东西……或者,一个标签必须包含 HTML 个不同 ID 的 DIV,它们可以被操纵,但我想这不会成为 SVG 上的一个选项 canvas?!
也许我只是需要一个关于要寻找什么的提示。
经过深思熟虑,我发现了以下简单的解决方法: 我的节点对象如下所示:
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() 附带的原始标签组件仅组装输入。