D3.js

  1. select() 选取单个DOM元素

  2. selectAll() 选取多个DOM元素

  3. data（) 把输入写入到DOM节点中 <mark>data方法只能把数组的内容写入到DOM中，就算有一个数据也要写到数组中</mark>

  4. text（） 把内容返回到页面中

  5. style（key，value）写入样式，可以传入对象的方式{key：val,key:val}

    可以使用链式操作

  6. datum（）把单个元素写入到DOM节点中

  7. append(“追加的元素”),追加子元素到末尾

  8. insert(“追加的元素”，“被追加到那个元素前面”)，把元素追加到某元素的前面

  9. <mark>enter：当数据的个数大于DOM节点的个数时，多余出来的数据存在enter下</mark>

  10. exit ：当数据的个数小于DOM节点个数时，多出来的元素存在exit ,一般进行删除多余出来的DOM

  11. attr 给元素添加属性，和jq中的方法相同

  12. d3.scale.linear()进行线性缩放

  13. domain([数据中最小值,数据中最大值]) 初始缩放倍率

  14. range（[svg最小值,svg最大值])缩放过后的值

  15. Text添加文字 x轴 y轴 dx：X轴偏移量 dy：Y轴偏移量 text-anchor:文字对齐方式

    fill :背景颜色填充

    stroke:文字颜色