1、线性比例尺 d3.scale.linear() 创建一个线性比例尺 .domain([0,500]) 定义域 .range([0,1000]) 值域 linear(x) 输入定义域 返回 值域 ...

入门好文：http://www.ourd3js.com/wordpress/?p=51 d3.js和d3.min.js内容一样，后者是压缩过的，适合发行版本，前者适合开发人员。 1.选择集(满足css选择符的要求)主要和数据绑定一起使用 d3.select() d ...

目标 　　在这一章，我们将会重温SVG图形，学习如何使用D3.js来创建这些图形。 　　这里会包括前面例子中的SVG基础图形以及如何使用D3.js设置图形的属性。 使用D3.js画一个SVG 的 圆 circle 　　可以使用如下代码创建： <svg width="50 ...

从今天开始我将和大家一起学习D3.js（Data-Driven Documents），由于国内关于D3的学习资料少之又少，所以我觉得很有必要把自己学习过程记录下来，供同学们参考，如果文章有有哪些表达有错误的还希望同学们帮我指出来。当然了， 可以的话我希望大家都可以去看看英文资料（文章后面将列英文 ...

上一节我们已经学习了线条样式和格栅的绘制，在这一节中我们将要根据之前绘制的线条对图表进行填充，首先来看一下我们的目标吧 在这个图表中，我们对位于线条下面的空间进行了填充，那么，如何改做到呢？ 设置填充样式 这里设置我们填充区域的样式，我们使用浅蓝色进行填充： .area ...

上节我们学习了如何绘制多条曲线， 以及给不同的曲线指定不同的坐标系。在这节当中，我们会对坐标轴标签相关的处理进行学习。首先，我们来想一个问题， 如何我们的x轴上的各个标签的距离比较近，但是标签名又比较长怎么办？ 像是下面这种情况该如何处理？ 上图中x轴上的标签是不是都重叠在一起了？非常恶心对不对 ...

上一节中我们学会了如何旋转x轴标签以及自定义标签内容，在这一节中，我们将接触动画（transition） 首先，我们要在页面上添加一个按钮，当我们点击这个按钮时，调用我们的动画。所以，我们还需要在原来的基础上添加两个东西。 添加一个按钮 <div id="option"> ...

上一节我们已经学习了如何设置填充区域，其实理解了他的实现原理还是非常简单了。这一节中， 我们主要学习多条曲线的绘制，以及给不同的曲线指定不同的纵坐标。 新的数据 由于我们要画两条曲线，所以我们要在原来的基础上新增一组测试数据，现在我们的数据是这样的： date close ...