D3 Дата форматирования D3 неверно

Question

Я получаю некоторое нечетное поведение от функции гнезда D3.js, кажется, что ключ и rollup преобразуют test_date из объекта Date в строку.

Вот мой код:

var data = [{ 
    "test_type": "x1", 
    "test_date": "2014-07-15" 
}, { 
    "test_type": "x3", 
    "test_date": "2014-07-16" 
}, { 
    "test_type": "x2", 
    "test_date": "2014-07-27" 
}, { 
    "test_type": "x1", 
    "test_date": "2014-07-28" 
}]; 

var parseDate = d3.time.format("%Y-%m-%d").parse; 


data.forEach(function(d) { 
    d.test_date = parseDate(d.test_date); 
}); 

var result = d3.nest() 
    .key(function(d) { 
     return d.test_type; 
    }) 
    .key(function(d) { 
     return d.test_date; 
    }) 
    .rollup(function(leaves) { 
     return leaves.length; 
    }) 
    .entries(data); 

И результат:

[{ 
    "key": "x1", 
    "values": [{ 
     "key": "Tue Jul 15 2014 00:00:00 GMT-0600 (Mountain Daylight Time)", 
     "values": 1 
    }, { 
     "key": "Mon Jul 28 2014 00:00:00 GMT-0600 (Mountain Daylight Time)", 
     "values": 1 
    }] 
}, { 
    "key": "x3", 
    "values": [{ 
     "key": "Wed Jul 16 2014 00:00:00 GMT-0600 (Mountain Daylight Time)", 
     "values": 1 
    }] 
}, { 
    "key": "x2", 
    "values": [{ 
     "key": "Sun Jul 27 2014 00:00:00 GMT-0600 (Mountain Daylight Time)", 
     "values": 1 
    }] 
}] 

мне нужно вложенное значение ключа быть дата объекта не является строкой. Кто-нибудь знает, что может вызвать это?

Вот jsfiddle с проблемой http://jsfiddle.net/2ryahc9L/1/

Answer 1

Функция (и объекта) d3.time.format работы двумя способами:

• d3.time.format('%Y-%m-%d').parse('2014-08-29') возвратит Date объект. Он использует формат, чтобы знать, как интерпретировать строку, указанную в качестве аргумента.
• d3.time.format('%Y-%m-%d')(new Date(2014, 7, 29)) вернет строку, отформатированную как 2014-08-29'.

Кроме того, ключи в d3.nest всегда будут привязаны к строкам. Вам нужно будет объединить обе формы, чтобы добиться желаемого поведения. С уважением.

Answer 2

Я нашел решение, которое действительно сработало для меня. У меня была аналогичная проблема. Я хотел бы вставить данные с меткой времени в качестве ключа. AmeliaBR написал, что клавиши являются строками. Но я хотел бы использовать ключ как объект, потому что он должен быть осью x моей диаграммы.

var data = [{ 
    "test_type": "x1", 
    "test_date": "2014-07-15" 
}, { 
    "test_type": "x3", 
    "test_date": "2014-07-16" 
}, { 
    "test_type": "x2", 
    "test_date": "2014-07-27" 
}, { 
    "test_type": "x1", 
    "test_date": "2014-07-15" 
}]; 

var parseDate = d3.time.format("%Y-%m-%d").parse; 

Я использую еще одно поле для даты только для ключа вложенных данных без разбора данных в виде даты/времени.

data.forEach(function(d) { 
    d.key_date = d.test_date; 
    d.test_date = parseDate(d.test_date); 
}); 

var result = d3.nest() 
    .key(function(d) { 
     return d.key_date; 
    }) 
    .rollup(function(leaves) { 
     return leaves.length; 
    }) 
    .entries(data); 

Чтобы result я добавляю снова test_date как объект, так как key_date строка.

result.forEach(function(d) { 
    d.test_date = parseDate(d.key); 
}); 

У меня нет подсказки, если это хороший способ сделать это. Если нет, проконсультируйтесь пожалуйста. Спасибо ...