摘要：
4.x版本有如下特性： 1. 模块化 不再是一个整体，而是分为多个模块，可以按需加载，例如： d3-selection 选择器d3-shape 图形d3-array 数组d3-force 力导向图d3-zoom 缩放 2. 支持canvas 3. 命名精简和更语义化 布局省去layout，生成器省去 阅读全文
摘要：
1. 提示框 基本原理： 用一个dom元素来显示提示框，提示框绝对定位，在相关事件中，动态修改提示框的位置即可。 通常是用 event 的 pageX 和 pageY 修改 提示框定位。 2. 折线图的焦点虚线 在鼠标滑动到折线图焦点时候，通常要显示到Y轴和X轴的虚线。 此时，需要监听划过区域的事件 阅读全文
摘要：
d3的布局，实际上是一个转换函数，将 原始数据 转换为 该布局需要的数据。 并不能直接通过布局生成图形，仍然需要自己根据数据去添加图形。 1.常用布局有12种 直方图（Histogram）饼状图（Pie）力导向图（Force）弦图（Chord）捆图（Bundle）堆栈图（Stack） 层级图（Hie 阅读全文
摘要：
1. 文件导入 d3本身对ajax有封装，可以请求多种格式的文件，读取其data。 1. d3.json() 请求json文件2. d3.csv(), d3.tsv() 请求CSV, TSV文件3. d3.xml() 请求xml文件4. d3.html() 请求html文件5. d3.text() 阅读全文
摘要：
1. 事件监听 selection.on('eventName',function(){}) //添加事件监听selection.on('eventName',null) //移除事件监听 过渡对象没有监听器，transition.on 会报错 2. 常用事件 2.1 鼠标 clickmouseov 阅读全文
摘要：
d3的动画关键是 transition 过渡对象。 1. 创建过渡对象有两种方式 1. d3.transition2. selection.transition 过渡对象与选择对象是两个对象，方法和属性有差别。 2. 过渡对象的常用方法 transition.delay 延迟开始transition 阅读全文