課程
/前端開發(fā)
/Html5
/使用D3制作圖表
坐標(biāo)的x軸為啥都是NaN,代碼寫的和視頻一樣,不出圖像,調(diào)試發(fā)展X軸就是這個(gè)
2016-12-02
源自:使用D3制作圖表 2-2
正在回答
........樓上厲害呀.....。range里的范圍要中括號
樓主應(yīng)該老師的版本比你的低,我也是郁悶了好一陣,希望下面的代碼能夠幫到你
var?scale_x?=?d3.scaleLinear() ????.domain([0,data.length-1]) ????.range([0,g_width]); var?scale_y?=?d3.scaleLinear() ????.domain([0,d3.max(data)]) ????.range([g_height,0]) ???? var?line_generator?=?d3.line() .x(function?(d,i)?{ ????????return?scale_x(i); ????????//?return?i; ????}) .y(function?(d)?{ ????????return?scale_y(d); ????????//?return?d; ????}) ????.curve(d3.curveCardinal) //?繪制曲線 d3.select("g") .append("path") .attr("d",line_generator(data))
舉報(bào)
教你使用最酷的數(shù)據(jù)可視化圖表,初探數(shù)據(jù)可視化奧秘
3 回答x坐標(biāo)軸標(biāo)簽的位置
1 回答為什么我畫出來的圖橫坐標(biāo)軸是小數(shù)呢?
3 回答dy 為什么是沿著x軸平移?
1 回答x y軸分別有數(shù)據(jù)要輸入 比如x=[1,3,4,5,6,8] y軸=[3,6,12,5,15,12] 這種怎么實(shí)現(xiàn)
7 回答想吧x軸用年份顯示怎么辦?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2018-11-25
........樓上厲害呀.....。range里的范圍要中括號
2016-12-26
樓主應(yīng)該老師的版本比你的低,我也是郁悶了好一陣,希望下面的代碼能夠幫到你