D3.js
-
select() 选取单个DOM元素
-
selectAll() 选取多个DOM元素
-
data() 把输入写入到DOM节点中 data方法只能把数组的内容写入到DOM中,就算有一个数据也要写到数组中
-
text() 把内容返回到页面中
-
style(key,value)写入样式,可以传入对象的方式{key:val,key:val}
可以使用链式操作
-
datum()把单个元素写入到DOM节点中
-
append(“追加的元素”),追加子元素到末尾
-
insert(“追加的元素”,“被追加到那个元素前面”),把元素追加到某元素的前面
-
enter:当数据的个数大于DOM节点的个数时,多余出来的数据存在enter下
-
exit :当数据的个数小于DOM节点个数时,多出来的元素存在exit ,一般进行删除多余出来的DOM
-
attr 给元素添加属性,和jq中的方法相同
-
d3.scale.linear()进行线性缩放
-
domain([数据中最小值,数据中最大值]) 初始缩放倍率
-
range([svg最小值,svg最大值])缩放过后的值
-
Text添加文字 x轴 y轴 dx:X轴偏移量 dy:Y轴偏移量 text-anchor:文字对齐方式
fill :背景颜色填充
stroke:文字颜色