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

时间:2015-05-06 23:30:19

标签: javascript d3.js graph

我使用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);

提前谢谢。

1 个答案:

答案 0 :(得分:5)

尝试更改此行:

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

尝试使用...

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