Как мне отображать високосные годы при сопоставлении с исходной шкалой в d3?

Question

Когда я сопоставляю свои даты с моей шкалой x.domain(), мне не хватает даты високосного года «02-29». Я попытался добавить его, используя этот подход:

x.domain(data.map(function(d) { return d.xPos, "02-29"; })); 

но он просто добавляет его в конец массива. Другой способ состоял в том, чтобы перенести CSV-файл и сначала поставить високосный год. Это работает, но кажется взломанным. Поэтому я должен был смотреть на добавление его следующим образом, но застрял:

// define the x-scale 'manually' using a leap year 
     var mindate = new Date(2016,0,1), 
      maxdate = new Date(2016,11,31); 

    // I then need to set the x.domain but the problem is I want it to be an Ordinal scale 
     var x = d3.time.scale() 
      .domain([mindate, maxdate]) 

Когда я получаю установку x.domain() правильно я тогда возникает проблема масштабирования, не високосные годы. Как добавить условное выражение в течение года без значения 29 февраля, так что для x-значения «02-29» задано соответствующее значение 0 для значения y?

Вы можете увидеть мой блокбастер here или мой blo.ck here. Обратите внимание на бродячий 02-29 бар в 2016 году справа.

Answer 1

Один из способов сделать это заключается в обеспечении x.domain() установлен в массив, содержащий каждые даты в типичный високосный год. То есть домен должен быть

["01-01", "01-02", ... , "02-28", "02-29", "03-01", ... "12-31"]

Это будет означать, что каждый наметил год будет включать в високосный день - даже без високосных лет, в этом случае, что високосный день будет бар-менее. Я не уверен, что это приемлемо для вас, но мне кажется разумным.

Для того чтобы построить такой домен, вам нужно перебрать каждый день високосного года (2016 так же хорошо, как и любой) и добавьте его в массив:

var leapYearDays = [];// will be populated with all dates 
var currentDate = new Date(2016, 0, 1);// the date we'll be incrementing 
var safety = 0;// helps prevent infinite looping during development 

while(safety < 400 && currentDate.getFullYear() == 2016) { 
    leapYearDays.push(formatMth(currentDate)); 
    currentDate.setDate(currentDate.getDate() + 1); 
    safety++; 
} 

x.domain(leapYearDays);// apply as the x domain 

Обновлено blockbuilder here.

Answer 2

Попробуйте другой подход, там уже есть некоторые функции, которые помогут вам получить, какие годы високосные годы. Такие, как:

function leapYear(year){ return ((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0); }

затем захватить возвращаемое значение и использовать, если заявление, чтобы изменить значение MaxDate

if (leapYear(maxdate[0]) && maxdate[1] == 2 && maxdate[2] == 28){ maxdate = new Date(year, 2 , 29) }else{ /* work as usual */ }