使用vis-network时，在同一节点中设置多种样式的办法

var svg1 =
        '<svg xmlns="http://www.w3.org/2000/svg" width="390px" height="200px">' +
        '' +
        '<foreignObject x="0" y="0" width="100%" height="100%">' +
        '<div xmlns="http://www.w3.org/1999/xhtml" style="font-size:40px;border-radius: 25px;border: 2px solid #0066ff;  background: #D2E5FF;box-sizing: border-box;  padding: 20px; margin:5px; width:380px; height:190px" >' +

        '<span>' + item.name2.substring(0, 3) + '</span><span align="right" style="color:grey;float: right;">'+item.amount+"元"+'</span><br/>' +
        '<div style="font-size:20px;height:50%; padding: 70px 0px 10px 0px;text-align: left;">' +
        " " + item.account2 + "</div>" +
        "</div>" +
        "</foreignObject>" +
        "</svg>";

var url1 = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(svg1);

指定一个svg1，之后添加node节点时只需要

this.node.push({
        id: item.account2,
image: {
          unselected: url1,
          selected: url2,
        }, 
　　　　　shape: "image"
      })

设置image属性，同时指定shape属性就可以改变节点的样式。

我这里用了unselected属性和selected属性，可以指派选中时的样式和非选中时节点的样式，这样操作需要再另外设定一个svg2

var svg2 =
        '<svg xmlns="http://www.w3.org/2000/svg" width="390px" height="200px">' +
        '' +
        '<foreignObject x="0" y="0" width="100%" height="100%">' +
        '<div xmlns="http://www.w3.org/1999/xhtml" style="font-size:40px;border-radius: 25px;border: 2px solid #0066ff;  background: #0066ff;box-sizing: border-box;  padding: 20px; margin:5px; width:380px; height:190px" >' +

        '<span style="color:white">' + item.name2.substring(0, 3) + '</span><span align="right" style="color:white;float: right;">' + item.amount + "元" + '</span><br/>' +
        '<div style="font-size:20px;height:50%; padding: 70px 0px 10px 0px;text-align: left;color:black">' +
        " " + item.account2 + "</div>" +
        "</div>" +
        "</foreignObject>" +
        "</svg>";


var url2 = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(svg2);

如果需要修改节点的值和样式，可以修改svg里面的代码，写法类似于html，可以通过内联样式修改样式，插入html元素设置新元素，改的时候要注意引号，最后需要注意生成的svg为一张图片，在节点中插入的是一张图片，设置了img之后不需要再设置label属性，否则label属性中展示的值会被顶到节点外面。

最后差不多能酱紫