nvd3.js를 사용하여 그래프를 구현하고 있습니다. dateArr
두 개의 데이터 하나가 23-07-2013에 1가 185271
의 데이터 당으로 [{"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"}]}];
x 축에서 날짜가 누락되었습니다.
입니다
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;
});
다른 하나는 24-07-를에 2 : 내 코드와 같은 것입니다 2013. 그러나 첨부 된 이미지를 보면 x 축에 날짜가 표시되는 데 문제가 있습니다. 심지어 24-07-2013 x 축에 존재하지 않습니다. 심지어 첫 데이트가 반복되는 것을 볼 수 있습니다. 문제가있는 부분과 수정 한 부분을 알려주십시오.
미리 감사드립니다.
[JSFiddle] (http://jsfiddle.net/)에 코드를 올려보세요. – shabeer90
jsfiddle 코드를 업데이트해도 jsfiddle에서 실행할 수 없습니다. http : // jsfiddle. net/srimanta/saXV5/8/ – Mausumi