本章讨论在力学图中经常使用到的事件( Event ),然后对【p=555">进阶 - 第 2.0 章】的人物关系图进行改进。使用户可以固定拖拽的对象。在【入门 - 第 9.2 章】和【进阶 - 第 2.0 章】中,都用到了下面代码: force.on("tick", function(){ ...
分类:
Web程序 时间:
2015-12-18 18:06:34
阅读次数:
213
机械图(力路线图)结合老百姓的关系图中的生活,这是更有趣。本文将以此为证据,所列的如何图插入外部的图像和文字的力学。在【第 9.2 章】中制作了一个最简单的力学图。其后有非常多朋友有疑问,基本的问题包含:怎样在小球旁插入文字怎样将小球换为别的图形怎样插入图片怎样限制小球运动的边界本文将对以上问题依次...
分类:
Web程序 时间:
2015-12-12 14:01:08
阅读次数:
329
对这个做了一个小小的改变json数据也在以上链接var width=screen.width-100, height=screen.height-160;//颜色尺度var color = d3.scale.category20();//var force=d3.layout.force(...
分类:
Web程序 时间:
2015-01-20 17:27:18
阅读次数:
172
力学图的布局中有很多参数,本文将逐个说明。D3 中的力学图布局是使用韦尔莱积分法计算的,这是一种用于求解牛顿运动方程的数值方法,被广泛应用于分子动力学模拟以及视频游戏中。定义布局的代码如下:var force = d3.layout.force()即可,D3 中提供了 17 个函数用于设定其参数和事件,在所有布局中是最多的,下面将对其进行说明。size()用于设定力学图的作用范围,使用方法为 fo...
分类:
Web程序 时间:
2014-11-15 11:31:00
阅读次数:
504
本章讨论在力学图中常用到的事件( Event ),然后对【进阶 - 第 2.0 章】的人物关系图进行改进,使用户能够固定拖拽的对象。...
分类:
Web程序 时间:
2014-11-08 12:07:45
阅读次数:
200
力学图(力导向图)与生活中常见的人物关系图结合,是比较有趣的。本文将以此为凭,阐述在力学图中如何插入外部图片和文字。...
分类:
Web程序 时间:
2014-10-25 10:36:14
阅读次数:
303
本文是结合地图和力学图制作的一个可拖动的地图。用户可以自由的用手拖动中国的各省。...
分类:
Web程序 时间:
2014-09-03 11:18:56
阅读次数:
322
本节介绍在 D3 中如何制作力学图,我们用 Layout 将普通数据转换成作图需要的数据。...
分类:
Web程序 时间:
2014-07-23 13:03:16
阅读次数:
309