WanFengZ

坐标轴是借于svg来渲染的，所以我们首先在body下添加了个svg元素，然后我们就要在svg上开始绘制坐标轴。 我们通过offset来使坐标轴位置错开。 坐标轴的刻度是依赖于我们之前提到的尺度 scale 的。可以传参初始化，也可以使用 scale() 设置尺度。 上面的四个函…

d3中的尺度就如同数学中映射的概念，从定义域映射到值域，d3中尺度初学其实掌握好连续尺度，有序尺度就足够后面的应用了。 连续尺度可以帮我们将连续的定义域映射到一个连续的值域。 连续尺度包括 线性尺度，幂级尺度，对数尺度，时间尺度。 另外对于幂级尺度 scalePow 来说，有 …

在熟悉 d3 的selection 和 数据绑定思想后，就可以编写简单的数据展示页面了。 我们先定义了一个data数组，里面存放了我们要准备展示的数据，render函数包含了把data渲染到页面上的操作。我们通过定时器，不断删除data的第一个元素，并在末尾添加一个随机的数据，…

在初见 selection 不久时，会常识性的认为 selection 是 dom 元素的集合，但实际上，selection 是 group 的数组集合，而 group 才是 dom 元素的数组集合。 可以看到selection的结构分为 _groups 和 _parents。…