需要帮助才能开始使用JSNetworkX

Need help to get started with JSNetworkX

本文关键字：JSNetworkX 开始 帮助      更新时间：2023-10-07

我只是在遵循关于felix kling的示例。但它只是抱怨Uncaught TypeError: Cannot read property 'getComputedStyle' of null。我正在使用chrome。当我从另一个人那里复制这个例子时，也发生了同样的错误。伙计们，有什么想法吗？

<!DOCTYPE html>
<html>
<head>
    <title>JSNetworkX images as nodes demo</title>
    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="jsnetworkx.js"></script>
</head>
<body>
<div id="canvas"></div>
<script type="text/javascript">
    var G = jsnx.Graph();
    G.add_nodes_from([
            [1,{color:'red'}],
            [2,{color:'green'}],
            [3,{color:'white'}]
    ]);
    G.add_edges_from([[1,2],[1,3]]);
    jsnx.draw(G,{
        element: '#demo-canvas',
        node_style: {
            fill: function(d) {return d.data.color || '#AAA';}
        }
    });

</script>
</body>
</html>

您没有id为demo-canvas的元素，因此没有可供其绘制的元素…您的元素称为canvas，因此…：

   jsnx.draw(G,{
        element: '#canvas',
        node_style: {
            fill: function(d) {return d.data.color || '#AAA';}
        }
    });

工作小提琴：https://jsfiddle.net/mrcactu5/LMCxT/1/

相关文章：