Sigma.js-显示边缘标签并使用外部json文件

Question

我在构建带有边缘标签的sigma.js图时遇到麻烦，该图的输入使用外部JSON文件。 这是js代码：

<script>
sigma.parsers.json('/project/data/graph.json', {
  container: 'graph-container',
  renderer: {
    container: document.getElementById('graph-container'),
    type: 'canvas'
  },
  settings: {
    edgeLabelSize: 'proportional'
  }
}
</script>

chrome上生成的错误来自倒数第二个'}'，并显示“未捕获的SyntaxError：意外的令牌/”。 以下是我的JSON文件的示例：

    "nodes": [
        {
            "id":"1",
            "label":"Station 1",
            "x" : "0",
            "y" : "0",
            "size" : "10"
        },
        {
            "id":"2",
            "label":"Station 2",
            "x" : "6",
            "y" : "3",
            "size" : "10" 
        } ],
    "edges": [
        {
            "id" : "1",
            "source" : "1",
            "target" : "2",
            "label" : "Rail 1"
        } ]

我对JS来说还很陌生，因此希望它很简单，但是仍然很感谢任何帮助！ :)

Answer 1

由于我的一些完整JSON代码中包含注释，而JSON不支持该注释，因此引发了错误。 但是，此后出现另一个错误，提示“找不到容器”。 这是由于以下代码中有2条容器行引起的：

 sigma.parsers.json('/project/data/graph.json', {
    container: 'graph-container',
    renderer: {
      container: document.getElementById('graph-container'),
      type: 'canvas'
    },

我将此代码编辑为：

 sigma.parsers.json('/project/data/graph.json', {
       renderer: {
        container: 'graph-container',
        type: 'canvas'
       },

它按预期工作。 感谢Yomguithereal帮助我解决了Github问题。 完整的问题详细信息可以在这里找到。