如何在d3.js中获取轴上的动态月份范围？

Question

我正在研究d3.js中的甘特图，我想在X轴上显示18个月，其中包括过去6个月和未来11个月，共18个月。通过使用下面的代码，我将根据任务的开始日期和结束日期（Y轴）在X轴上获取数月。

var timeDomainStart = d3.time.day.offset(new Date(),-0); 
var timeDomainEnd = d3.time.day.offset(new Date(),+0); 

var initTimeDomain = function() { 
    if (timeDomainMode === FIT_TIME_DOMAIN_MODE) { 
     tasks.sort(function(a, b) { 
     return a.endDate - b.endDate; 
     }); 
    timeDomainEnd = tasks[tasks.length - 1].endDate; 

    tasks.sort(function(a, b) { 
    return a.startDate - b.startDate; 
    }); 
    timeDomainStart = tasks[0].startDate; 

} 
}; 

var initAxis = function() { 
     x = d3.time.scale().domain([ timeDomainStart, timeDomainEnd ]) 
     .range([ 0, width ]).clamp(true); 
     y = d3.scale.ordinal().domain(taskTypes) 
      .rangeRoundBands([ 0, height - margin.top - margin.bottom ], .25); 

    xAxis = d3.svg.axis().scale(x).orient("top").tickFormat(d3.time.format(tickFormat)) 
    .tickSize(0).tickPadding(10); 

yAxis = d3.svg.axis().scale(y).orient("left").tickSize(0).tickPadding(5); 
}; 

Answer 1

不知怎的，下面的代码片段为我工作.. !!

var initTimeDomain = function() { 
    if (timeDomainMode === FIT_TIME_DOMAIN_MODE) { 

    tasks.sort(function(a, b) { 
    return a.startDate - b.startDate; 
    }); 
    timeDomainStart = d3.time.day.offset(new Date(),-180); 
    console.log(timeDomainStart); 


    tasks.sort(function(a, b) { 
    return a.endDate - b.endDate; 
    }); 

    timeDomainEnd = d3.time.day.offset(new Date(),+330); 
    console.log(timeDomainEnd); 

} 
};