使用 vis.js 将图像的颜色更改为节点答案

【问题标题】：Change Color of Image as a node using vis.js使用 vis.js 将图像的颜色更改为节点
【发布时间】：2016-07-01 00:06:19
【问题描述】：

您好，我正在尝试更改作为节点附加的图像的颜色。使用vis.js 有没有办法做到这一点？

我试过用这个：

{data.nodes.update([{id:[i], color:{border:'#9966ff'}}]);}

但它似乎不起作用。

【问题讨论】：

请多解释！你真正想要的是什么？通过图像您的意思是节点样式？你用的是什么组件？ ....
我正在尝试创建一个连接了路由器和交换机的网络拓扑。我正在使用路由器映像作为节点。我想在单击按钮时更改其颜色（例如，变为绿色），表示网络已启动并正在运行。我正在尝试在路由器顶部添加颜色或尽可能更改图像颜色。
你试过nodes.update({id: someID, color:{border:'#9966ff'}});
是的。我也试过了。但不起作用

【解决方案1】：

您首先必须将您的节点声明为数据集

var nodes = new vis.DataSet();
nodes.add([
    {id: 1, label:"myLabel}
]);

然后调用一个函数来更新节点：

function changeData(){
        nodes.update({id: 1, color: {background: "orange"}});
}

然后有一个按钮调用该函数：

<button onClick="changeData()">Click Here</button>

干杯！

【讨论】：