我使用D3创建一些数据的折线图。我在ms中传递了一个日期,我希望以小时和分钟显示它。我已经尝试将值作为新Date(myDate)的返回值传递给它,这也是行不通的。
这是我跑步时遇到的错误。 “未捕获的TypeError:n.getMonth不是函数”
我还尝试通过运行新的日期(时间)来转换所有ms时间,但没有任何改变。
这是我的图表代码。可变时间是指基于ms的时间测量的数组。
function processData(allText) {
var allTextLines = allText.split(/\r\n|\n/);
var headers = allTextLines[0].split(',');
var lines = [];
for(var i =1, arrayLen = allTextLines.length; i<arrayLen; i++) {
var data = allTextLines[i].split(',');
if (data.length === headers.length) {
lines.push({time: Date.parse(data[0]), last: data[1]});
}
}
var final = []
var d3Formater = d3.time.format("%m/%d/%Y");
for(var i = lines.length-1, base = (lines[lines.length-1].time - 14400001); i>0; i--) {
if(lines[i].time>base) {
var temp = new Date(lines[i].time)
console.log(temp);
final.push(d3Formater.parse(temp));
}
}
delete lines;
var xMin = new Date(d3.min(time));
var xMax = new Date(d3.max(time));
var vis = d3.select("#visualization"),
WIDTH = 1000,
HEIGHT = 500,
MARGINS = {
top: 20,
right: 20,
bottom: 20,
left: 50
},
xScale = d3.scale.linear().range([MARGINS.left, WIDTH - MARGINS.right]).domain([xMin, xMax]),
yScale = d3.scale.linear().range([HEIGHT - MARGINS.top, MARGINS.bottom]).domain([yMin, yMax]),
xAxis = d3.svg.axis()
.scale(xScale)
.tickFormat(d3.time.format("%m-%d")),
yAxis = d3.svg.axis()
.scale(yScale);
提前谢谢。
答案 0 :(得分:5)
尝试更改此行:
xScale = d3.scale.linear()....
尝试使用...
xScale = d3.time.scale()....