Vis.js教程：设置关系图的节点关系指向

// 首先，引入vis.js库
var vis = require('vis-network');
 
// 创建一个Network实例
var container = document.getElementById('mynetwork');
var data = {
    nodes: nodes,
    edges: edges
};
var options = {
    nodes: {
        shape: 'dot',
        size: 30,
        font: {
            size: 15
        },
        borderWidth: 2
    },
    edges: {
        arrows: {
            to: {
                enabled: true
            }
        },
        smooth: {
            type: 'continuous'
        }
    },
    physics: {
        stabilization: false
    }
};
var network = new vis.Network(container, data, options);
 
// 然后，你可以添加或修改edges数据来设置关系指向
// 例如，设置节点1指向节点2的箭头样式
var edges = data.edges;
edges.push({
    from: '节点1',
    to: '节点2',
    arrows: 'to', // 可以设置为'to', 'from', 'both', 'none'
    label: '关系标签',
    // 其他样式和属性...
});
 
// 更新Network实例
network.setData(data);

在这个例子中，我们首先创建了一个Network实例，并设置了节点和边的基本样式。然后，我们通过修改edges数组，为现有的节点添加了一个新的关系指向，并通过network.setData(data)更新了网络图。这样，我们就可以看到新的关系指向在网络图中是如何展示的。