老師能不能再詳細解釋下是怎么給x,y賦值的?
var line_generator=d3.svg.line()
.x(function(d,i){return i;})
.y(function(d){return d;})
line_generator(data) ?這個數(shù)組的獲取表示看不懂,老師能不能再詳細解釋下是怎么給x,y賦值的?
var line_generator=d3.svg.line()
.x(function(d,i){return i;})
.y(function(d){return d;})
line_generator(data) ?這個數(shù)組的獲取表示看不懂,老師能不能再詳細解釋下是怎么給x,y賦值的?
2015-04-29
舉報
2016-10-08
data是一個含有數(shù)據(jù)的數(shù)組,老師用line_generator()這個函數(shù)將d的值指向data,也就是將data數(shù)組里的數(shù)據(jù)賦給d。然后i為啥代表數(shù)組的下標我也不知道。
代碼:
var data=[1,3,5,7,8,4,3,7]//定義了一個數(shù)組
var line_generator=d3.svg.line()//line()是svg的一個函數(shù),x、y分別是它的一個參數(shù)
.x(function(d,i){return i;})//用line_generator這個函數(shù)將data數(shù)組里的數(shù)據(jù)依次取出來,通過函數(shù)function(){}傳入d和i來實現(xiàn),函數(shù)的第一個參數(shù)d表示了data里的每一個數(shù)據(jù);i表示數(shù)據(jù)下標的值
.y(function(d){return d;})
var path=d3.select("g")
.append("path")
.attr("d",line_generator(data))//d,path data的縮寫,是path的一個軌跡屬性;line_generation函數(shù)指向d的值也就是數(shù)組data,即path的軌跡;括號里的data把數(shù)組里的數(shù)據(jù)傳進來
2016-06-05
i 是數(shù)組的下標
d 是數(shù)組元素值
每一個元素值都有一個下標。