d3.js力导向图节点设置为图片

d3.js力导向图节点设置为图片,第1张

设置方法如下:

1、首先打开节点设置,选择固定节点。

2、保存当前节点后,点击左上角的输入,另存为pdf文件。

3、将pdf文件保存在桌面即可。

var force = d3.layout.force()//layout将json格式转化为力学图可用的格式

.nodes(d3.values(nodes))//设定节点数组

.links(links)//设定连线数组

.size([width, height])//作用域的大小

.linkDistance(180)//连接线长度

.charge(-1500)//顶点的电荷数。该参数决定是排斥还是吸引,数值越小越互相排斥

.on("tick", tick)//指时间间隔,隔一段时间刷新一次画面

.start()//开始转换

导向图(Force-Directed Graph),是绘图的一种算法。在二维或三维空间里配置节点,节点之间用线连接,称为连线。各连线的长度几乎相等,且尽可能不相交。节点和连线都被施加了力的作用,力是根据节点和连线的相对位置计算的。根据力的作用,来计算节点和连线的运动轨迹,并不断降低它们的能量,最终达到一种能量很低的安定状态。

力导向图能表示节点之间的多对多的关系


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11724894.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存