Javasccript（D3） - 日付比較はNaNを返します

Question

d3を使用していて、配列の日付を比較しようとしています。私はそれの最小と最大を取得したい。

以下は私のデータセットです。

var data = [{ "date": "2016.07.19", "close": 185697.89 }, { "date": "2016.07.20", "close": 185697.89 }, { "date": "2016.07.21", "close": 186601.1 }, { "date": "2016.07.22", "close": 187273.89 }, { "date": "2016.07.25", "close": 186807.74 }]; 

以下は私が「分」変数を印刷するとき、それは「NaNでの」印刷

max_x = 0, max_y = 0, min = 100; 


    for (i = 0; i < data.length; i++) { 
     max_y = Math.max(max_y, data[i].close); 
     max_x = Math.max(max_x, data[i].date); 
     min = Math.min(min, data[i].date); 
    } 

で問題を有していコードセグメントです。

これは他のコードに影響しています。

誰かが間違っている箇所を指摘できますか？ 日付比較を行う他の方法はありますか？

Answer 1

dateの値は文字列です。あなたはそれらを解析する必要があります。その後

var parse = d3.timeParse("%Y.%m.%d"); 

を、あなたはd3.extentとd3.maxまたはそれらの両方で、d3.minで最大値を最小値を取得することができます。ここで

はデモです：

var data = [{ "date": "2016.07.19", "close": 185697.89 }, { "date": "2016.07.20", "close": 185697.89 }, { "date": "2016.07.21", "close": 186601.1 }, { "date": "2016.07.22", "close": 187273.89 }, { "date": "2016.07.25", "close": 186807.74 }]; 
 

 
var parse = d3.timeParse("%Y.%m.%d"); 
 

 
var extent = d3.extent(data.map(function(d){ return parse(d.date)})) 
 

 
console.log("Minimum: " + extent[0]) 
 
console.log("Maximum: " + extent[1])

<script src="https://d3js.org/d3.v4.min.js"></script>

Answer 2

あなたはプロパティが[ "2016年7月19日"、 "2016年7月20日" などdateArrとして、個別に近い二つの配列に日付と置くことができます、 "2016.07.21"]、closeArr [185697.89,186601.1,187273.89]、それらをascでソートすると、arrayの最初の項目は最小値であり、最後の項目は最大値です。