Question

这可能很简单，但似乎无法让它发挥作用。我正在使用d3中的散点图，x轴是年。我似乎无法将其解析为正确的格式。所以这几年看起来像是：1,999 2,000 2,002而不是1999 2000 2002。输入来自数据库。以下是相关代码：

var parseDate = d3.time.format("%Y")

var YearFn = function(d) {return parseDate.parse(d.YEAR) ;}; // THIS IS THE PART THAT THROWS AN ERROR

var Num_citationsFn = function(d) {return d.counter;};

var x = d3.time.scale()
    .range([0, width]);

var y = d3.scale.linear()
    .range([height, 0]);

var xAxis = d3.svg.axis().scale(x).orient("bottom");    

var yAxis = d3.svg.axis().scale(y).orient("left");

d3.json("connection4.php", function(error,dataJson) {
allData = [];

dataJson.forEach(function(d) {
    var year = d.YEAR.toString().replace(",","");
    d.YEAR = parseDate(year);  
    d.counter = parseInt(d.counter);
    d.type = "In_library";

    allData.push(d);
    })

var circles = svg.selectAll("circle")
        .data(allData)

    circles.transition()
        .attr("cx", function(d) {return x(YearFn(d))})
        .attr("cy", function(d) {return y(Num_citationsFn(d))})

    circles.enter()
        .append("circle")
        .attr("class", "dot")
        .attr("r", 3.5)
        .attr("cx", function(d) {return x(YearFn(d))})
        .attr("cy", function(d) {return y(Num_citationsFn(d))})
        .style("fill","blue")
}

此代码抛出错误Uncaught TypeError: n.getFullYear is not a function

Answer 1

你可以这样做：

d3.json("connection4.php", function(error,dataJson) {
    var year = d.YEAR.toString().replace(",",""); //replace commas with blank
    d.YEAR = parseDate(year); //now parse the year string
    d.counter = parseInt(d.counter);//make the string a integer number
}

数据未在d3中正确格式化为日期

1 个答案: