文章/答案/技术大牛

发布

社区首页 >问答首页 >用JSNetworkX绘制图形

问用JSNetworkX绘制图形
EN

Stack Overflow用户

提问于 2017-10-24 20:26:55

回答 1查看 954关注 0票数 3

我开始探索JSNetworkX，因为我需要在我的项目中包含一些可视化。我从jsnetworkx.org上的示例开始，但在我尝试的每一个示例中，我都得到了相同的错误：

jsnetworkx.js:5未明错误: D3可用于绘制()。

我包括了D3，所以我不知道问题到底在哪里。我试图在这个答案TypeError:undefined is not an object (evaluating 'M.layout.force')中包含较早版本的TypeError:undefined is not an object (evaluating 'M.layout.force')，但这没有帮助，浏览器中没有显示任何内容。

下面是一个例子：

<!DOCTYPE html>
<meta charset="utf-8">
<head>
  <script src="jsnetworkx.js"></script>
  <script src="https://d3js.org/d3.v4.js"></script>
</head>
<body>

      <script>
      var G = new jsnx.Graph();

      G.addWeightedEdgesFrom([[2,3,10]]);
      G.addStar([3,4,5,6], {weight: 5}); 
      G.addStar([2,1,0,-1], {weight: 3});

     jsnx.draw(G, {
          element: '#canvas',  
          weighted: true,
          edgeStyle: {
              'stroke-width': 10
          }
     });
   </script>

</body>
</html>

d3.js

jsnetworkx

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-02-26 19:12:20

更改脚本顺序
降级至d3.v3.js
提供元素，渲染应该在哪里进行

<script src="https://d3js.org/d3.v3.js"     ></script>
<script src="../javascripts/jsnetworkx.js"  ></script>

<div id="canvas"></div>

票数 6

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/46919451

复制

相似问题

问用JSNetworkX绘制图形
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用JSNetworkX绘制图形EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用JSNetworkX绘制图形
EN