為什么我畫出來(lái)的圖橫坐標(biāo)軸是小數(shù)呢?
var?width?=?500, height?=?250, margin?=?{left:50,?top:30,?right:20,?bottom:20}, g_width?=?width?-?margin.left?-?margin.right, g_height?=?height?-?margin.top?-?margin.bottom; //svg var?svg?=?d3.select("#container") .append("svg") //width,height .attr("width",width) .attr("height",height) var?g?=?d3.select("svg") .append("g") .attr("transform","translate("+margin.left+","+margin.top+")") var?data?=?[1,?4,?5,?8,?7,?3,?6] //?縮放函數(shù) var?scale_x?=?d3.scale.linear() //?輸入范圍 .domain([0,data.length-1]) //輸出范圍 .range([0,g_width]) var?scale_y?=?d3.scale.linear() //?輸入范圍 .domain([0,d3.max(data)]) //輸出范圍 .range([g_height,0]) //繪制函數(shù) var?line_generator?=?d3.svg.line() .x(function(d,i)?{?return?scale_x(i);}) .y(function(d)?{?return?scale_y(d);}) .interpolate("cardinal") d3.select("g") .append("path") .attr("d",line_generator(data)) var?x_axis?=?d3.svg.axis().scale(scale_x), y_axis?=?d3.svg.axis().scale(scale_y).orient("left"); g.append("g") .call(x_axis) .attr("transform","translate(0,"+g_height+")") g.append("g").call(y_axis)
代碼就是照著老師敲的,但是這個(gè)橫坐標(biāo)怎么了?
2017-01-18
你是引用的d3 v3的包嗎?