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

JavaScript013

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()//开始转换

d3.js和jQuery都有个相同之处，就是它们都是js界的著名工具库。但是它们所面对的领域不一样。

d3.js主要是做数据可视化的，也就是各种炫酷的图表，比如折线图、弦图、力导向图等等。而jQuery主要是做页面DOM控制、AJAX和动画的。