NVD3堆叠条形图不能正确显示x轴

Question

我试图用NVd3制作一个堆叠的条形图，但不幸的是x轴不能正确显示。我想在x轴上显示从1999年到2014年的年份，但这就是我得到的结果。

​

似乎nvd3正在将不同年份的所有值组合在一起。

Javascript代码

var data1 = [{}], deaths = 0;

console.log(data1);
d3.csv('data/CENS-R1/ageGroups.csv', function(data) {
  for (var i = 0; i < 12; i++) {
    // setup a new entry for that age group
    data1[i] = {
      key: "1",
      values: []
    }
    var v = i * 16;
    // go through all the data
    for (var j = 0; j < data.length; j++) {
      // check if i equals the correct entries
      if (0+v <= j && j < 16+v) {
        data1[i].key = data[j].Age;
        data1[i].values.push(
            {
                "x": (new Date()).getTime(parseInt(data[j]).Year),
                "y": parseInt(data[j].Deaths)
            }
        );
      }
    }
  }
});
console.log(data1);
nv.addGraph(function() {
    var chart = nv.models.multiBarChart();

    // format x-axis
    chart.xAxis.tickFormat(function(d) { return                 d3.time.format('%Y')(new Date(d)) });

    chart.yAxis
        .tickFormat(d3.format(',.1f'));

    d3.select('#stacked-chart svg')
        .datum(data1)
        .transition()
        .duration(500)
        .call(chart);

    nv.utils.windowResize(chart.update);

    return chart;
});

CSV文件示例

CENS-R1,1,1999,1999,4390 CENS-R1,1,2000,2000,4354 CENS-R1,1,2001,2001,4188

任何帮助都将不胜感激。

Answer 1

所以很明显，我解析日期的函数是错误的。我没有使用"x": (new Date()).getTime(parseInt(data[j]).Year)创建新的日期，而是使用了Date.parse()函数，这似乎很有效。