2016-05-17 4 views
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); 
}; 

答えて

0

何とかスニペットの下に私のために働いた.. !!

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); 

} 
}; 
関連する問題