使用D3.js從JSON顯示上周，上個月和上一年數據的條形圖

Question

任何人都可以讓我知道如何顯示JSON中的每月，每周，每日數據。

例：

1. 如何從JSON（每月）獲取最近4周的數據？
2. 如何從JSON中獲取最近12個月的數據（每年）？
3. 如何從JSON（每周）獲取最近7天的數據？

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;})類的東西來創建/更新比例尺范圍，將該比例尺用作軸，並相應地繪制數據。應用於天或年屬性。