vis.js 自定义颜色分组

vis.js 是一款强大的JavaScript图表库，它允许用户创建交互式的网络图、时间线和力导向图等。如果想要自定义颜色分组，你可以利用vis.js提供的`nodes`属性和`color`选项。对于节点分组，可以创建一个包含各个组ID的对象数组，并给每个组分配特定的颜色。

例如：

var nodes = [
    {id: 1, label: 'Group A', group: 0, color: '#ff0000'}, // 红色
    {id: 2, label: 'Node B', group: 0},
    {id: 3, label: 'Group C', group: 1, color: '#00ff00'}, // 绿色
    {id: 4, label: 'Node D', group: 1}
];

// 初始化网络
var network = new vis.Network(container, {
    nodes: nodes,
    nodeClick: function(node) {
        alert('Clicked on node "' + node.id + '" of group ' + node.group);
    }
});

在这个例子中，所有属于组0的节点会被染成红色，组1的节点则会显示为绿色。当点击节点时，事件处理器会告诉你点击的是哪个组的节点。