Javascript 在d3中将一周中的天数显示为刻度
我有一个数据集,根据一个特定的数字输出一周中的某一天(0-6),并根据一周中的某一天(x轴)绘制数字(y轴)。如何让d3将0-6值映射到一周中的某一天(星期日-星期六) 数据(第一行): 我试过了Javascript 在d3中将一周中的天数显示为刻度,javascript,d3.js,Javascript,D3.js,我有一个数据集,根据一个特定的数字输出一周中的某一天(0-6),并根据一周中的某一天(x轴)绘制数字(y轴)。如何让d3将0-6值映射到一周中的某一天(星期日-星期六) 数据(第一行): 我试过了 var xAxis = d3.svg.axis() .scale(x) .ticks(6) .tickSubdivide(true) .tickSize(6, 3, 0) .tickFormat(d3.time.form
var xAxis = d3.svg.axis()
.scale(x)
.ticks(6)
.tickSubdivide(true)
.tickSize(6, 3, 0)
.tickFormat(d3.time.format("%A"))
.orient("bottom");
但由于第一个值是0,它似乎认为它对应于1970-01-01,这显然是一个星期四,并且没有显示任何其他内容。结果非常简单:
var week = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
使用以下格式:
.tickFormat(function(d, i){
return week[d]
})
结果很简单:
var week = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
使用以下格式:
.tickFormat(function(d, i){
return week[d]
})
我在想会是这样的。我在想会是这样的。