拖拽（Drag）是交互式中很重要的一种，本文将讲解拖拽的使用方法。...
分类：
Web程序 时间：
2014-12-27 23:09:33
阅读次数：
223
直方图用于描述概率分布，D3 提供了直方图的布局 Histogram 用于转换数据。...
分类：
Web程序 时间：
2014-12-17 16:30:04
阅读次数：
218
在 SVG 绘制区域中作图，在绘制直线和曲线时，常需要在某处添加箭头。本文介绍如何在 D3 中给直线和曲线添加箭头。 到目前为止，我们绘制 D3 的图表都是在 SVG 绘制区域内，虽然 D3 也可用 Canvas 或 WebGL 等作图，但 SVG 是最常用的。那么，用 D3 来绘制箭头，先要明白在 SVG 中是怎么绘制的。1. 在 SVG 中定义箭头的标识定义箭头的标识如下，先写一对 ，里面再...
分类：
Web程序 时间：
2014-12-08 21:28:52
阅读次数：
301
分区图的布局比较简单，本章介绍一下分区图的参数。分区图布局为：d3.layout.partition()其函数有6个。nodes()将根数据传入后，得到的节点的数组，每个节点添加8个参数：parent - 父节点children - 子节点value - 表示节点的大小，由下面 value() 函数指定的值，父节点的值等于子节点值的和depth - 节点的深度x - 节点的x方向的坐标（不一定指x...
分类：
Web程序 时间：
2014-12-07 16:30:16
阅读次数：
237
Blob 是什么？ 这里说的是一种Javascript的对象类型。
oracle 中也有类似的栏位类型。
在
[JS进阶] HTML5 之文件操作(file)
这一篇中用到了File对象，而实际上 file 对象只是 blob 对象的一个更具体的版本，blob 存储着大量的二进制数据，并且 blob 的 size 和 type 属性，都会被 file 对象所继承。
所以， 在大多数情况下，blob 对象和 file 对象可以用在同一个地方，例如，可以使用 FileReader 借口从 blob 读取...
分类：
Web程序 时间：
2014-11-30 21:30:18
阅读次数：
205
分区图布局的 size 函数很有意思，即可用于制作矩形分区图，也可用于制作圆形分区图。本文就来谈讨一下圆形分区图的制作。...
分类：
Web程序 时间：
2014-11-30 20:09:20
阅读次数：
296
分区图（ Partition ），也是 D3 的一个布局（ Layout ）。这个布局很有意思，可以做成方形也可能做成圆形，本文先介绍方形分区图的制作方法，这也是分区图最基本的形式。...
分类：
Web程序 时间：
2014-11-23 20:18:44
阅读次数：
319
力学图的布局中有很多参数，本文将逐个说明。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
