x轴缺少日期

Question

我正在使用nvd3.js实现图形。 我的代码就像：

nv.addGraph(function () {
     charts = nv.models.lineChart();
     var chart = charts.margin({
        top: 100,
        right: 20,
        bottom: 50,
        left: 45
     }).showLegend(true).tooltipContent(function (key, y, e, graph) {
         return '<h3>' + key + '</h3>' + '<p>' + e + '% at ' + y + '</p>'
     });
     chart.xAxis.tickFormat(function (d) {
         return d3.time.format('%x')(new Date(d))
     });
     chart.yAxis
     .tickFormat(d3.format(',d'));

    chart.forceY([0,20]);

    d3.select('#lineChart svg')
     .datum(dateArr)
     .transition(500).duration(500)
     .call(chart);

    nv.utils.windowResize(chart.update);
     return chart;
 });

dateArr为[{"key":"182398","values":[{"x":"1375295400000","y":"2"},{"x":"1374517800000","y":"2"},{"x":"1374604200000","y":"12"},{"x":"1374431400000", "y":"1"},{"x":"1375122600000","y":"4"},{"x":"1375209000000","y":"19"}]},{"key":"185271","values":[{"x":"1375295400000","y":"0"},{ "x":"1374517800000","y":"1"},{"x":"1374604200000","y":"2"},{"x":"1374431400000","y":"0"},{"x":"1375122600000","y":"0"},{"x":"1375209000000","y":"0"}]}];

的位置

根据数据，对于185271，有两个数据，一个是2013年7月23日的1，另一个是2013年7月24日的2。但是，如果您看到附加的图像，则在x轴上显示日期问题。甚至24-07-2013在x轴上也不存在。即使你可以看到重复的第一次约会。 请告诉我问题的位置和修改内容。

提前致谢。

Answer 1

你的 X TimeStamp是一个字符串，它必须是一个整数，因此NaN的原因显示在工具提示上，删除双引号。