使用Sigma.js导出JSON文件时无响应

时间:2016-05-31 16:52:00

标签: javascript html json sigma.js

我正在尝试检查这个基本的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"
   }
 ]
}

0 个答案:

没有答案