【 D3.js 进阶系列 — 2.1 】 力学图的事件 + 顶点的固定

本文详细介绍了D3.js中力学图的事件处理,包括布局事件(start, end, tick)、拖拽事件(dragstart, dragend, drag)以及如何实现顶点的固定和解锁。通过实例展示了在人物关系图中应用这些事件,使用户可以交互地固定和解锁顶点。" 7546435,1243938,Linux NFS服务器配置教程:实现文件共享,"['Linux', '服务器', '防火墙', '文件系统']
摘要由CSDN通过智能技术生成

本章讨论在力学图中常用到的事件( Event ),然后对【进阶 - 第 2.0 章】的人物关系图进行改进,使用户能够固定拖拽的对象。

在【入门 - 第 9.2 章】和【进阶 - 第 2.0 章】中,都用到了以下代码:

			force.on("tick", function(){

			});

这里的 force 是之前代码中定义的布局( Layout ),tick 表示当运动进行中每更新一帧时。这是力学图中最常使用的事件,用于设定力学图每一帧是如何更新的。除此之外,还有一些其他常用的事件。

1. 布局的事件

代码中,假设定义如下的布局:

			var force = d3.layout.force()
							.size([width,height])
							.linkDistance(200)
							.charge(-1500);

力学图布局 for

  • 5
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值