javascript - D3 tickFormat 错误说明 n.getMonth 不是函数

Question

我正在使用 D3 创建一些数据的折线图。我正在向它传递一个以毫秒为单位的日期，我想以小时和分钟为单位显示它。我已经尝试将值作为新日期(myDate)的返回值传递给它，这也不起作用。

这是我在运行时遇到的错误。 “未捕获的类型错误:n.getMonth 不是一个函数”

我还尝试通过新的日期(时间)运行它们来转换所有基于毫秒的时间，但没有任何改变。

这是我的图形代码。可变时间是指一组基于毫秒的时间测量值。

    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);

提前谢谢你。

Answer 1

尝试改变这一行:

xScale = d3.scale.linear()....

尝试使用...

xScale = d3.time.scale()....