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上生成的错误来自倒数第二个＆＃39;}＆＃39;并说＆＃34; Uncaught SyntaxError：意外的令牌/＆＃34;。下面是我的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没有支持，因此引发了错误。然而，在此之后又出现了另一个错误，即＃34; Container not found＆＃34;。这是因为下面的代码中有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。可以找到完整的问题详情here。

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

1 个答案: