График отображения на прошлой неделе, в прошлом месяце и в прошлом году Данные JSON с использованием D3.js

Question

Может ли кто-нибудь, пожалуйста, дайте мне знать, как отображать ежемесячные, еженедельные, ежедневные данные от JSON.

Пример:

1. Как получить последние 4 недели данные из JSON (ежемесячно)?
2. Как получить последние 12 месяцев данных от JSON (ежегодно)?
3. Как получить последние 7 дней данных от JSON (еженедельно)?

JSON Пример:

{"date" : "2016-06-16"} 
... 
... 
{"date" : "2016-05-16"} 
{"date" : "2016-04-16"} 

Answer 1

Я переместил свой код plnkr (я не фанат jsfiddle; plnkr позволяет создавать файлы, как вы хотите

Во-первых, я. отметил, что вы используете d3 v3, я бы рекомендовал обновить до версии v4, чтобы использовать последние функциональные возможности и улучшения (но это не по теме).

Во-вторых, я добавил пару линий (102 до 107) для создания вложенности данных по месяцам (в качестве примера):

var byMonth = d3.nest() 
    .key(function(d){ 
     return d.month; 
    }) 
    .entries(data["BC"]) 
console.log(byMonth); 

Теперь объект byMonth имеет key свойство, соответствующее числу месяца вы уже переведенный, и values свойство, содержащее все значения в указанном месяце. Теперь вы можете создавать/обновлять диапазон шкалы, используя что-то вроде scale.range(byMonth.map(function(d){return d.key;}), использовать эту шкалу для оси и соответствующим образом строить ваши данные. Та же техника может быть применена к свойствам день или год.