RayChase 发表于 2013-1-29 08:34:49

d3介绍

 
D3.js是一个基于数据的操作文档的JavaScript库,主要用于各异的图表的输出,支持DIV这种图案生成,也支持SVG这种图案的生成(如果你对SVG不熟悉,请先看一下这篇文章,它介绍了SVG、VML和Canvas)。D3帮助你屏蔽了浏览器差异,做出来图案的效果可以说是炫目得一塌糊涂,可是代码却很简洁。在我第一次听人介绍D3的时候,确实被其示例震撼到了,大量的例子在这里可以找到。
http://www.raychase.net/wp-content/uploads/2012/10/data_join_thumb.png
这是D3以数据为核心的一个示意图,可以简单这样来解释:有一个选择区(selection),存在若干节点(node),因此可以容纳若干数据(data),最大可容纳数据的量等于节点的个数,即数据和节点一一对应,数据存放到节点中被称为绑定(bound to)。

[*]如果节点的数据发生变化,这样的行为叫做update;
[*]如果数据数量大于节点的数量,那么有一部分数据放不下了,将产生enter行为;
[*]反之,如果数据从节点中取出来,导致节点空闲,这就发生exit的行为。
初始感官认识:
<div class="wlWriterEditableSmartContent" style="font-size: 14px; font-family: Verdana, Arial, Tahoma; vertical-align: baseline; color: #222222; line-height: 21px; text-align: left; display: inline; float: none; padding: 0px; margin: 0px;">通过下面这个例子,我觉得足够让你明白D3个大概了: d3例子
页: [1]
查看完整版本: d3介绍