2017-04-07 136 views
0

我想vis.js,并使用可以在这里找到的例子已经vis.js: http://visjs.org/docs/network/为什么不显示任何内容

我完全使用相同的HTML的设置是这样的:

<html> 
<head> 
    <script type="text/javascript" src="../../dist/vis.js"></script> 
    <link href="../../dist/vis.css" rel="stylesheet" type="text/css" /> 

    <style type="text/css"> 
     #mynetwork { 
      width: 600px; 
      height: 400px; 
      border: 1px solid lightgray; 
     } 
    </style> 
</head> 
<body> 
<div id="mynetwork"></div> 

<script type="text/javascript"> 
    // create an array with nodes 
    var nodes = new vis.DataSet([ 
     {id: 1, label: 'Node 1'}, 
     {id: 2, label: 'Node 2'}, 
     {id: 3, label: 'Node 3'}, 
     {id: 4, label: 'Node 4'}, 
     {id: 5, label: 'Node 5'} 
    ]); 

    // create an array with edges 
    var edges = new vis.DataSet([ 
     {from: 1, to: 3}, 
     {from: 1, to: 2}, 
     {from: 2, to: 4}, 
     {from: 2, to: 5} 
    ]); 

    // create a network 
    var container = document.getElementById('mynetwork'); 

    // provide the data in the vis format 
    var data = { 
     nodes: nodes, 
     edges: edges 
    }; 
    var options = {}; 

    // initialize your network! 
    var network = new vis.Network(container, data, options); 
</script> 
</body> 
</html> 

Javascript和Css都存在。 在Firefox或Chrome中测试文件时不显示任何内容。这里有什么问题?

回答

0

改变

<script type="text/javascript" src="../../dist/vis.js"></script> 

<script type="text/javascript" src="../../dist/vis.min.js"></script> 

解决了这个问题。

相关问题