开始使用 sigma 示例 - 无法让它工作

Question

我正在尝试让 http://sigmajs.org/ 主页上的简单 3 节点和 3 边示例工作。然而，我没有开始，而是受挫了...

给定以下 index.html

<html>
<head>
<style type="text/css">
  #container {
    max-width: 400px;
    height: 400px;
    margin: auto;
  }
</style>
</head>
<body>
<div id="container"></div>
<script src="sigma.min.js"></script>
<script src="sigma.parsers.json.min.js"></script>
<script>
  sigma.parsers.json('data.json', {
    container: 'container',
    settings: {
      defaultNodeColor: '#ec5148'
    }
  });
</script>
</body>
</html>

及以下data.json

{
  "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"
    }
  ]
}

最新版本的 sigma.min.js 和 sigma.parsers.json.min.js 库取自 https://github.com/jacomyal/sigma.js/releases/download/v1.1.0/release-v1.1.0.zip

并且鉴于index.html、data.json和js库都在一个目录中，index.html不会显示Chrome中的简单图形， Firefox 或 IE10.

为了使示例正常工作，我在这里缺少什么？

Answer 1

它不会呈现，因为 sigmajs 使用 XMLHttpRequest 来解析文件 data.json 并且 chrome 的网络安全和其他浏览器阻止 XMLHttpRequest 到本地文件，因为这是一个安全问题。

开始使用 sigma 示例 - 无法让它工作

Get started with sigma example - unable to get it to work

html

javascript

css

json

sigma.js