我需要在vis.js中单击外部按钮时动态突出显示节点

Question

我需要在vis.js中单击外部按钮时动态突出显示节点。基于节点突出显示，我需要显示一些面向图形的聊天

请参考图片

请为此提供帮助。提前谢谢

Answer 1

在突出显示节点方面，如果您真的不需要在节点周围绘制任何内容，并且只是想以某种方式突出显示节点，那么您可能需要查看“neighboorhood”。突出＆＃39; vis.js文档（http://visjs.org/examples/network/exampleApplications/neighbourhoodHighlight.html）中的示例，实际上突出显示了＆＃39;通过灰化其他所有节点。这可能与处理突出显示的节点的翻转事件相结合，这可以显示您对每个特定节点感兴趣的内容。

Answer 2

也有人可以使用\方法更改节点颜色：

update

示例（感谢example from vis.js documentation）：

nodes.update([{id: 1, color: {background: '#RRGGBB'}}]);
// nodes is of type vis.DataSet

const container = document.getElementById('container');
const nodes = new vis.DataSet([{id: 1, label: 'Node'}]);
const data = {nodes};
const options = {};
const network = new vis.Network(container, data, options);

const button = document.getElementById('button');
button.addEventListener('click', () => {
  const randomHexRGB = '#' + Math.floor((Math.random() * 255 * 255 * 255)).toString(16);
  const colorNew = {background: randomHexRGB};
  nodes.update([{id: 1, color: colorNew}]);
});