[英]Date is missing from x-axis
我正在使用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月7日的1,另一個是2013年7月24日的2。 但是,如果您看到附件中的圖像,則x軸上顯示的日期有問題。 x軸甚至都不存在2013年7月24日。 甚至您也可以看到第一次約會的重復。 請讓我知道問題出在哪里以及我有什么修改。
提前致謝。
您的X
TimeStamp是一個字符串,必須為Integer,因此在工具提示上顯示NaN的原因,請刪除雙引號。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.