Как отобразить данные JSON с помощью `vis.js`

Question

Как отобразить данные JSON с помощью `vis.js`

Я хочу отображать данные из MySQL с vis.js,
Я получаю данные с помощью JSON, но у меня появляется эта ошибка:

Ошибка: узел должен иметь идентификатор
  throw new Error("Node must have an id");
-------^

function tampil()
{
$.ajax({
type:"GET",
cache :false,
dataType: "json",
url:"fetch.php",
success: function(data){
console.log(data);

var vertex = new vis.DataSet([
{id:data[0], label:data[1]}
]);
var hubung = new vis.DataSet([
{from:data[2], to:data[3]}
]);
var myDiv = document.getElementById("media");
var data = {
nodes : vertex,
edges : hubung
}

var options = {};

var network = new vis.Network(myDiv,data,options);
}
});
}

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="js/vis.js"></script>
<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/vis.css" />
</head>
<body>
<button type="button" onclick="tampil()">proses</button>
<div id="media" style="width:500px;height:500px;"></div>
</body>
</html>

0

json mysql php vis.js vis.js-network

Решение

По вопросам рекламы [email protected]

Accepted Answer

решено, в JavaScript я добавил следующий код:

function tampil()
{
$.ajax({
type:"GET",
cache :false,
dataType: "json",
url:"nodes.php",
success: function(data){
console.log(data);

var vertex = new vis.DataSet();
var hubung = new vis.DataSet();
var myDiv = document.getElementById("media");
var data = {
nodes : vertex,
edges : hubung
}

var options = {};

var network = new vis.Network(myDiv,data,options);

$.getJSON('edges.php', function(edges) {
hubung.add(edges);
});
$.getJSON('nodes.php', function(nodes) {
vertex.add(nodes);
});
}
});
}

0

Другие решения

Других решений пока нет …

Источник