首先我们先梳理下 绘制饼图之前 需要掌握的新知识： 1、d3.arc(arguments..) 　　生成器用来在饼图或圆环图中生成 圆形 或 扇形 或 环形； 　　arguments 是任意的; 它们只是简单地传递到 arc 生成器的访问器函数的对象。例如，根据默认的设置，传入 ...

直接接着上一章的图表，继续加上一个x坐标轴 ...

首先我们需要的是 中国地图的json数据：请戳这里 接下来咱们直接上代码： 代码： 效果： ...

在为图标增加动画之前，应该了解几个新的 api 如下 d3.transition() 开启一个动画过渡。 transition.duration() 指定每个元素的持续时间（以毫秒为单位）。 transition.delay() 指定每个元素的延迟时间（以毫秒为单位 ...

从这里开始 我们就将开始画一个简单的图表了 在此之前 ，最好掌握以下svg的基本知识。 一个间的的例子如下： ...

力导向图的概念这里就不细说了，力导向图适合绘制关系型的信息； 下面先来说几个关于力导向图的知识点： 1、d3.forceSimulation([nodes]) 　　创建一个新的力导向图； 2、simulation.force(name[, force]) 　　如果指定了 force ...

1、选择元素 第一章有说过 d3.select() 和 d3.selectAll() ; 这两个方法的选择器与jQuery的元素、属性、css选择器使用方法基本一样，下面我们就说下他们的区别； 　　 d3.selectAll() ；选择的是所有匹配到的元素 ...

这里所说的交互式操作，就是说的图表的事件监听。 on('eventName',funvtion(){ ... } ) 第一个参数是要监听的事件名称 第二个参数是要执行的函数 跟jquery类似。 下面咱们在上一张的柱状图 基础上 ，给咱们的柱状图增加鼠标移入与移出事件，改变其颜色 ...