2016-10-24 11 views
0

NVd3で積み上げ棒グラフを作成しようとしていますが、残念ながらx軸が正しく表示されません。私は1999年から2014年までの年をx軸に表示したいが、これは私が得るものである。 GraphNVD3積み重ね棒グラフにx軸が正しく表示されない

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

任意の助けいただければ幸いです。

+0

あなたのコードを[fiddle](https://jsfiddle.net/)に入れることができますので、誰かがあなたのコードを簡単に手助けすることができます。 – shabeer90

答えて

0

明らかに、日付を解析するための私の関数は間違っていました。 "x": (new Date()).getTime(parseInt(data[j]).Year)で新しい日付を作成する代わりに、私はDate.parse()関数を使用しましたが、それはうまくいくようでした。

関連する問題