このデータからxscalesとxaxisを作成する方法D3 V4

Question

私はD3 V4で作業しています。

私はこのことからscaleTimeを作るにはどうすればよい

dataset = [{"Time": "33:10"},{"Time": "33:12"}] 

このデータを持っていますか？

また、このアプローチが間違っている：

var max = new Date(d3.max(dataset, function(d){return d["Time"]})); 
var min = new Date(d3.min(dataset, function(d){return d["Time"]})); 


var xScale = d3.scaleTime() 
         .domain([min,max]) 
         .range([padding, width-padding]);  

以来 - それは、このフォーマットから正しいDateオブジェクトを作成することはできません。

"33:12" 

Answer 1

私のコメントインライン：

D3 V3について時間解析

dataset = [{"Time": "33:10"},{"Time": "33:12"}] 

//First convert your data to date object like this: 
var myParser = d3.time.format("%M:%S"); 
//run for loop and use parser to parse the date. 
dataset.forEach(function(d){ 
    d.Time = myParser.parse(d.Time);//now its a dateObject 
}) 
//Now get your max and min from the date Object 
var max = new Date(d3.max(dataset, function(d){return d["Time"]})); 
var min = new Date(d3.min(dataset, function(d){return d["Time"]})); 


var xScale = d3.scaleTime() 
         .domain([min,max]) 
         .range([padding, width-padding]); 

パースD3 V4時間

dataset = [{"Time": "33:10"},{"Time": "33:12"}] 

//First convert your data to date object like this: 
var myParser = d3.timeParse("%M:%S"); 
//run for loop and use parser to parse the date. 
console.log(myParser) 
dataset.forEach(function(d){ 
    d.Time = myParser(d.Time);//now its a dateObject 
}) 
//Now get your max and min from the date Object 
var max = new Date(d3.max(dataset, function(d){return d["Time"]})); 
var min = new Date(d3.min(dataset, function(d){return d["Time"]}));