• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

D3js链接不显示

JavaScript 4次浏览

我试图显示一些动态的D3js,并且除链接以外的所有内容都正常工作。有人能给我一些我做错的线索吗?D3js链接不显示

该代码创建一个圆形的无限毛毛虫,我试图添加一些动态来去的链接。代码添加节点和链接,直到数组达到25个项目。然后每次添加新项目时删除第一个项目。

谢谢!节点和链接


===========解决方案如下:

在当前代码中需要2个更正才能显示这些行。

您从一开始就拼接链接,只检查节点长度。考虑到只有当节点达到25时才开始添加链接,则不允许链接数组增长。移动拼接到自己的块

if (links.length > 2) { 
    links.splice(0, 1); 
    } 

属性部分必须

.attr("x1", function(d) { return 200 + 100 * Math.sin(d.source.id); }) 
.attr("y1", function(d) { return 200 + 100 * Math.cos(d.source.id); }) 
.attr("x2", function(d) { return 200 + 100 * Math.sin(d.target.id); }) 
.attr("y2", function(d) { return 200 + 100 * Math.cos(d.target.id); }); 

,因为你没有设置x或y为节点的任何地方。您正在为节点计算它们。

这些更改后,出现行/消失(见http://codepen.io/anon/pen/ZGyapY),但我不知道它看起来像一个毛毛虫:-)(您要添加的行按最后添加节点)


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)