折れ線グラフnvd3

Question

私はこのD3に新たなんだとnvd3.I'mはnvd3を使用して、複数折れ線グラフを構築しようと、私は2つの問題

1）x軸を示していないように持っています標準のutc形式の日付を持つjsonデータのような時と分の正しい値。

2）最初の値をメモリとCPUの両方でゼロ以外の値にすると、負のy軸に縮尺が変わって奇妙に見えます。

助けを求めるTy。 here is the plunk

nv.addGraph(function() { 
var chart = nv.models.cumulativeLineChart() 
    .x(function(d) { 
     console.log(d.time) 
     return d.time 
    }) 

.y(function(d) { 
    console.log(d.value) 
    return d.value 
}) 
    .color(["#FF0000", "#000000"]) 
    .height(210) 
    .width(420) 
    .useInteractiveGuideline(false) 
    .showControls(false) 
    .forceY(0) 

; 


chart.xAxis 
    .tickFormat(function(d) { 
     return d3.time.format('%H:%M')(new Date(d)) 
    }); 
chart.yAxis.tickFormat(d3.format(',.1')); 
d3.select('nv-indexLine').fill("black"); 
d3.select('#chart svg') 
    .datum(formattedData) 
    .call(chart); 

nv.utils.windowResize(chart.update); 

chart.lines.interactive(false); 

return chart; 
}); 

Answer 1

1つの変更は、戻り値のx値としてこのように機能し、Dateオブジェクトを返さなければなりません。

ので、代わりにこの

.x(function(d) { 
    console.log(d.time) 
    return d.time 
}) 

を行うのDateオブジェクト

.x(function(d) { 
      console.log(d.time) 
      return new Date(d.time) 
     }) 

作業コードhere