如何使d3js的力学关系图固定下来

发布时间:2025-05-24 18:21:57 发布人:远客网络

如何使d3js的力学关系图固定下来

使d3js的力学关系图固定下来方法如下：

即设定当拖拽时调用函数 force.drag()。D3中提供了3种拖拽事件：dragstart、dragend、drag。

使用布局转换数据之后，顶点有一个属性 fixed。当这个值为 true时，顶点就是固定不动的；为 false时，它就是运动的。默认是 false的。如果要改进【进阶-第 2.0章】的代码，使得用户能够任意固定和解锁顶点，可添加代码如下

自动滚动，主要思路是用js自带的setInterval方法。

setInterval()方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

setInterval()方法会不停地调用函数，直到 clearInterval()被调用或窗口被关闭。由 setInterval()返回的 ID值可用作 clearInterval()方法的参数。

setInterval(code,millisec[,"lang"])

code必需。要调用的函数或要执行的代码串。

millisec必须。周期性执行或调用 code之间的时间间隔，以毫秒计。

一个可以传递给 Window.clearInterval()从而取消对 code的周期性执行的值。

*{margin:0;padding:0;list-style:none;}

#box{width:840px;border:1pxsolid#000;height:210px;margin:30pxauto;position:relative;overflow:hidden;}

#boxul{position:absolute;left:0;top:0;}

#boxulli{width:200px;height:200px;float:left;padding:5px;}

varoBox=document.getElementById('box');

oUl.innerHTML+=oUl.innerHTML;

oUl.style.width=aLi.length*aLi[0].offsetWidth+'px';

oUl.style.left=l+'px';