Как отобразить топологию сети из файла json, используя ajax в vis. js - PullRequest
Новая
       30

Как отобразить топологию сети из файла json, используя ajax в vis. js

0 голосов
/ 20 апреля 2020

У меня есть набор JSON файлов, которые содержат Node и Link для отображения. Я планирую использовать Ajax.

. Я успешно отобразил топологию с использованием оригинального сценария набора данных из Vis. js, но я не знаю, как отобразить с помощью ajax получено из файла JSON.

JSON

{
    "status": "success",
    "topology": [
        {
            "topology_id": "1",
            "topology_name": "topology_one",
            "node": [
                {
                    "id": "1",
                    "name": "node_one"
                },
                {
                    "id": "2",
                    "name": "node_two"
                }
             ],
             "link": [
                {
                    "link_id": "1",
                    "link_name": "link_one"
                }
            ]
        }
    ]
}

JS

$(document).ready(function(){
    $.ajax({
        url : 'data/example.json',
        success: function(response){
            if (response.result == "success"){
                console.log(response.topology[0].node)
                console.log(response.topology[0].link)
                var nodes = new vis.DataSet([
                    { id: 1, label: "Node 1" },
                    { id: 2, label: "Node 2" },
                    { id: 3, label: "Node 3" },
                    { id: 4, label: "Node 4" },
                    { id: 5, label: "Node 5" }
                ]);
                var edges = new vis.DataSet([
                    { from: 1, to: 3 },
                    { from: 1, to: 2 },
                    { from: 2, to: 4 },
                    { from: 2, to: 5 },
                    { from: 3, to: 4 }
                ]);
                var container = document.getElementById("mynetwork");
                var data = {
                    nodes: nodes,
                    edges: edges
                };
                var options = {};
                var network = new vis.Network(container, data, options);
            }
            else {}
        },
        error: function(e){}
    });
});

HTML

<div id="mynetwork"></div>
...