d3-bars{try}

效果1(base)


代码1

d3-bars{try}_第1张图片

function(d) 里面的 "d" 是什么意思, 你懂的! 第二个function(d, i) 里面的i 是 index的意思, 你也懂的.

好了, 既然都懂, 就这没什么说的了...


效果2(scale)


代码2


(上面的domain[0, 60] 应该改成 [0,80] 最好了!)


效果3

d3-bars{try}_第2张图片

效果3,只是改变了 "var dataArray = [20, 40, 50, 30, 80];" 里面的第一个值, 更接近0, 就更接近 "red".

From Here!




你可能感兴趣的:(d3,newbie)