我正在尝试检查这个基本的HTML代码是否在我的浏览器中运行,只是为了确保没有问题。这是我第一次使用Sigma.js,对JavaScript一般来说还是一个新手。 JSON数据文件由sigma.js网站提供,并附带基本代码。当我将HTML文件打开到浏览器并且屏幕完全是白色时,会出现问题。我意识到这可能是一个非常基本的问题,但我在网上找不到任何可能有帮助的回复,所以我非常感谢你的帮助!
<html>
<head>
<script src="../src/sigma.min.js"></script>
<script src="../src/sigma.parsers.json.min.js"></script>
<script src="../plugins/sigma.parsers.json/sigma.parsers.json.js"></script>
</head>
<div id="container">
<style type="text/css">
#container {
max-width: 400 px;
height: 400 px;
margin: auto;
}
</style>
<body>
</div>
<script>
sigma.parsers.json('data/data.json', {
container: 'container',
settings: {
defaultNodeColor: '#ec5148'
}
});
</script>
以下是我在sigma.js网站上找到的数据文件
{
"nodes": [
{
"id": "n0",
"label": "A node",
"x": 0,
"y": 0,
"size": 3
},
{
"id": "n1",
"label": "Another node",
"x": 3,
"y": 1,
"size": 2
},
{
"id": "n2",
"label": "And a last one",
"x": 1,
"y": 3,
"size": 1
}
],
"edges": [
{
"id": "e0",
"source": "n0",
"target": "n1"
},
{
"id": "e1",
"source": "n1",
"target": "n2"
},
{
"id": "e2",
"source": "n2",
"target": "n0"
}
]
}