D3.js 是一个基于数据的操作文档的 JavaScript 库,可以让你绑定任何数据到 DOM,支持 DIV 这种图案生成,也支持 SVG 这种图案的生成(如果你对 SVG 不熟悉,请先看一下这篇文章...可以看到左侧的球在红色边框的区域内进进出出,主要代码如下:
var datasets = [
[80,20,35,48,120,380],
[60,50,80,90,210,440...进一步介绍:
选择器:用惯了 JQuery 的话,这个没有什么可说的,比如这样的例子:
d3.select('#vis').append('div').style('top', '20px').style...{
return "hsl(" + Math.random() * 360 + ",100%,50%)";
});
enter 和 exit:前文也已经提到了,当数据绑定到选择区对象上的时候,数据的每一个元素都会和选择区对象的每一个节点对应起来...,节点内的数据发生变化,就是 update;节点内的数据移除,节点空出来,就是 exit;数据数量大过节点,造成数据剩余,就是 enter。