D3.jsで日付範囲を時間スケールで個別の日付項目として使用することはできますか？

Question

私は以下のようなグラフを持っていますが、私は重要な要素を欠いています。私の現在の時間スケールは標準的なもの（1枚目の写真）ですが、2枚目の写真に見える時間スケールに変換する必要があります。これはD3でも可能ですか？私はD3.js V3を使用しています。私の知る限りD3はその場でカスタムの時間間隔をロールアップするためにすべての機能が含まれていませんが、あなたには、いくつかの基本的なJavaScriptでかなり簡単にこれを行うことができようにそれはそう知っているよう

Answer 1

。 ..

var data = [ 
 
      {date: new Date(2016, 11, 10), value: 1}, 
 
      {date: new Date(2016, 11, 11), value: 2}, 
 
      {date: new Date(2016, 11, 12), value: 3}, 
 
      {date: new Date(2016, 11, 13), value: 3}, 
 
      {date: new Date(2016, 11, 14), value: 2}, 
 
      {date: new Date(2016, 11, 15), value: 3}, 
 
      {date: new Date(2016, 11, 16), value: 5}, 
 
      {date: new Date(2016, 11, 16), value: 4}, 
 
      {date: new Date(2016, 11, 17), value: 2}, 
 
      {date: new Date(2016, 11, 19), value: 3}, 
 
      {date: new Date(2016, 11, 20), value: 1}, 
 
      {date: new Date(2016, 11, 21), value: 3} 
 
     ]; 
 

 
    rollup(data, 3); 
 

 
    function rollup(data, days) { 
 
     var min = data.reduce(function(a, b) {if (b.date < a) return b.date; return a;}, new Date(3000, 1, 1)), 
 
      max = data.reduce(function(a, b) {if (b.date > a) return b.date; return a;}, new Date(1000, 1, 1)), 
 
      output = []; 
 
     for (var day = min; day < max; day.setDate(day.getDate() + days)) { 
 
      var end = new Date(day); 
 
      end.setDate(end.getDate() + days); 
 
      var working = data.filter(function(a) {return (a.date >= day && a.date < end);}), 
 
       value = working.reduce(function(a, b) {return a + b.value;}, 0); 
 
      output.push({date: day.toString() + ' - ' + end.toString(), value: value}); 
 
     } 
 
     console.log(output); 
 
     return output; 
 
    }