Javascript 将元素插入div意味着Java脚本sigma.js库_Javascript_Html_Sigma.js

Javascript 将元素插入div意味着Java脚本sigma.js库

javascript html

Javascript 将元素插入div意味着Java脚本sigma.js库,javascript,html,sigma.js,Javascript,Html,Sigma.js,我正在测试一个Java脚本。根据介绍性文档，我尝试在网页上显示一个简单的图形医生是这么说的：易于使用以下是创建实例的最低代码：这是我的HTML网页： <!DOCTYPE html> <html> <head> <title>Testing graphs</title> <script src="sigma.min.js"></script> <script src="jq

我正在测试一个Java脚本。根据介绍性文档，我尝试在网页上显示一个简单的图形

医生是这么说的：

易于使用
以下是创建实例的最低代码：

这是我的HTML网页：

<!DOCTYPE html>

<html>

<head>
    <title>Testing graphs</title>
    <script src="sigma.min.js"></script>
    <script src="jquery1102.js"></script>
</head>

<body>

    <div id="sig"></div>

    <script type="text/javascript">

    window.onload = loadGraph();

    function loadGraph () {

        var sigRoot = document.getElementById('sig');
        var sigInst = sigma.init(sigRoot);
        sigInst.addNode('hello',{
          label: 'Hello',
          color: '#ff0000'
        }).addNode('world',{
          label: 'World !',
          color: '#00ff00'
        }).addEdge('hello_world','hello','world').draw();
    }
    </script>

</body>
</html>


测试图
window.onload=loadGraph（）；
函数加载图（）{
var sigRoot=document.getElementById（'sig'）；
var sigInst=sigma.init（sigRoot）；
sigInst.addNode（'hello'{
标签：“你好”，
颜色：“#ff0000”
}).addNode（'world'{
标签：“世界！”，
颜色：“#00ff00”
}).addEdge（'hello_world'，'hello'，'world'）.draw（）；
}

所以，我假设图形将显示在某个

div

区域中，并在页面加载后执行。然而，控制台上并没有显示任何内容，也并没有任何bug。我甚至需要使用HTML5画布吗

它正在工作，但需要为包含图形的div提供高度和宽度

<div id="sig" style="width:500px;height:500px;border:1px solid black"></div>

下面是一个JSFIDLE：

开始为div设置固定的宽度/高度（如果以像素为单位则更好）。谢谢！HTML画布什么时候会出现？sigmajs库在div中动态创建画布元素。您可以通过使用浏览器的web开发工具检查DOM来看到这一点。

<div id="sig" style="width:500px;height:500px;border:1px solid black"></div>

sigInst.addNode('hello',{
  label: 'Hello',
  color: '#ff0000',
    x: Math.random(),
    y: Math.random()    
}).addNode('world',{
  label: 'World !',
  color: '#00ff00',
    x: Math.random(),
    y: Math.random()
}).addEdge('hello_world','hello','world').draw();