需要帮助才能开始使用 JSNetworkX

问题描述 投票：0回答：1

我只是在关注 felix-kling 上的示例。但它只是抱怨

Uncaught TypeError: Cannot read property 'getComputedStyle' of null
。我正在使用chrome。当我从anotherOne复制示例时发生同样的错误。有什么想法吗？

<!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>
javascript jsnetworkx
1个回答
2
投票

您没有 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/

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.