課程
/前端開發(fā)
/Html5
/使用D3制作圖表
為啥我的一直報錯data is undefined??? 我都仔細(xì)對比了代碼,是一樣的呀!
2015-10-22
源自:使用D3制作圖表 2-2
正在回答
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;//svgvar svg = d3.select("#container").append("svg: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,3,5,7,8,4,3,7];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([0, g_height])var line_generator = d3.svg.line().x(function(d, i){return scale_x(i);}) //0,1,2,3....y(function(d){ return scale_y(d);}) //1,3,5....interpolate("cardinal")d3.select("g").append("path").attr("d", line_generator(data)) //d="M1,0L20,40L40,50L100,100L0,200", d - path data
youbaisan 提問者
最后一行
.attr("d",line_generator(data))
為什么我的代碼和2-2節(jié)的一模一樣,但是卻什么內(nèi)容都沒有顯示?是不是d3.v3.js這個鏈接不行?
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,3,6,9,2,7,3]; 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([0,g_height]) var?line_generator?=?d3.svg.line() .x(function(d,i){return?scale_x(i);})//0,1,2,... .y(function(d){return?scale_y(d);})//1,2,3,... .interpolate("cardinal") d3.select("g") .append("path") .attr("d",line_generator)
老師,這是我的js代碼,能麻煩您看下嗎?我找了好久都沒找到錯誤!
qq_Kk_56
是2-2這節(jié)
舉報
教你使用最酷的數(shù)據(jù)可視化圖表,初探數(shù)據(jù)可視化奧秘
1 回答為什么按照老師的代碼一樣的打出來,Y軸是偏下的???
1 回答為什么我按老師的代碼寫沒有效果
2 回答代碼跟老師一樣,但是添加元素添加不進(jìn)去
1 回答代碼和老師的一樣,但是出來的曲線圖象偏左是咋回事鴨?
1 回答我想說有代碼下載嗎??
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)微信公眾號
2015-10-27
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: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,3,5,7,8,4,3,7];
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([0, g_height])
var line_generator = d3.svg.line()
.x(function(d, i){return scale_x(i);}) //0,1,2,3...
.y(function(d){ return scale_y(d);}) //1,3,5...
.interpolate("cardinal")
d3.select("g")
.append("path")
.attr("d", line_generator(data)) //d="M1,0L20,40L40,50L100,100L0,200", d - path data
2016-05-18
最后一行
.attr("d",line_generator(data))
2016-01-12
為什么我的代碼和2-2節(jié)的一模一樣,但是卻什么內(nèi)容都沒有顯示?是不是d3.v3.js這個鏈接不行?
2015-10-22
老師,這是我的js代碼,能麻煩您看下嗎?我找了好久都沒找到錯誤!
2015-10-22
是2-2這節(jié)