在vis.js中,要使网络上的边不可选,可以通过设置边的selectionWidth
属性为0来实现。这样,当用户点击或选择边时,边不会显示为选中状态。
以下是具体的步骤:
edges
数组中的每个边对象的selectionWidth
属性为0,表示不可选中。例如:var edges = [
{id: 1, from: 1, to: 2, selectionWidth: 0},
{id: 2, from: 2, to: 3, selectionWidth: 0},
// 其他边的定义
];
var nodes = [
{id: 1, label: 'Node 1'},
{id: 2, label: 'Node 2'},
{id: 3, label: 'Node 3'},
// 其他节点的定义
];
var data = {
nodes: nodes,
edges: edges,
};
var options = {};
var container = document.getElementById('network');
var network = new vis.Network(container, data, options);
请注意,上述方法是通过修改边的selectionWidth
属性来实现边不可选中的效果,而不是禁用整个vis.js网络的选中功能。如果需要禁用整个网络的选中功能,可以在创建网络时设置interaction
属性的selectable
为false。但是,请注意,这会禁用网络上所有元素(包括节点)的选中功能。
希望这个答案对您有帮助。如果您对其他云计算或IT互联网相关问题有疑问,请随时提问。
云+社区沙龙online [技术应变力]
TVP技术夜未眠
TVP技术夜未眠
TechDay
GAME-TECH
GAME-TECH
云+社区技术沙龙 [第31期]
云原生安全实战加速仓
腾讯云“智能+互联网TechDay”西南专场
云+社区技术沙龙第33期
领取专属 10元无门槛券
手把手带您无忧上云