vis.js Network更改样式

最新推荐文章于 2024-08-20 21:40:19 发布

「已注销」

最新推荐文章于 2024-08-20 21:40:19 发布

阅读量1.6k

点赞数 2

分类专栏： js

本文链接：https://blog.csdn.net/mbinn/article/details/109288947

版权

本文介绍了如何使用vis.js Network库来实现点击网络图的连接线使其变为红色，同时起点也变红。当点击其他线条时，被点击的线条保持红色，其余线条恢复原状。详细实现方法见正文。

摘要由CSDN通过智能技术生成

参考：官网地址：https://visjs.github.io/vis-network/docs/network/

要实现点击连接线将其变红，并且起始点也变红，点击其他线则点击线变红其他恢复原状。

话不多说直接撸：

  //设置链接线属性
    window.setEdgeOptions = function(edgeId, options, callback) {
        var edg = network.body.data.edges;
        var clickedEdges = edg.get(edgeId);
        $.each(options, function(key, value) {
            clickedEdges[key] = value;
        })
        if (typeof callback != "undefined" && $.isFunction(callback)) {
            callback(clickedEdges);
        }
        edg.update(clickedEdges);
    }

    //设置点属性
    window.setNodeOptions = function(nodeId, options, callback) {
        var nodeArr = network.body.data.nodes;
        var clickedNode = nodeArr.get(nodeId);
        $.each(options, function(key, value) {
            clickedNode[key