0
私はd3.jsのガントチャートに取り組んでいます。過去6ヶ月、未来11ヶ月、合計18ヶ月を含むX軸で18ヶ月間表示したいと思います。次のコードを使用することにより、開始日とタスクの終了日(Y軸)に従って、X軸上で月が得られます。d3.jsの軸上でダイナミックな月の範囲を取得する方法は?
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);
};