2016-12-29 1 views
1

x軸が日付でフォーマットされた単純な棒グラフを作成しようとしています。私は私が私のチャートからこれを呼び出すしようとすると、私はエラーを取得する、しかし、そのようDateオブジェクトを渡すときにD3 v4がscaleTimeのエラーを返す

var minDate = new Date(data[0][0]); 
var maxDate = new Date(data[274][0]); 

var x = d3.scaleTime() 
      .domain(minDate, maxDate).range([0, width]); 

を私のxを定義している

chart.selectAll('.bar') 
     .data(data) 
     .enter().append('rect') 
     .attr('class', 'bar') 
     .attr('x', function(d){ 
      return x(new Date(d[0])); 
     }) 

エラーが

Error: attribute x: Expected length, "NaN".

本当にわからないと言います私が間違っていること。日付オブジェクトはD3 v4でもscaleTimeで動作しますか?ここで

は、誰もがここを見に https://raw.githubusercontent.com/FreeCodeCamp/ProjectReferenceData/master/GDP-data.json

を取りたい場合、私はD3スケールでこの

http://codepen.io/redixhumayun/pen/ZBdmQp?editors=0010

答えて

3

に取り組んでいますcodepenへのリンクであるデータセットへのリンクですdomainは、引数として配列をとります。したがって、次のようになります。

.domain([minDate, maxDate]) 
関連する問題