angular-nvd3指令の範囲の日付でフィルタリングしますか？

Question

は、私は、角-nvd3ディレクティブでnvd3グラフを作成します。

<nvd3 id="analytics-community" options="vm.community.options" data="vm.community.data" config="vm.graphConfig" class="with-3d-shadow with-transitions"></nvd3> 

データは、それが無限ループしてしまい、無限ループ誤差と角度の休憩として|filter:somethingを使用して属性フィルタリングすることができていないようですが。

グラフオプションがで設定されている：

vm.graphOptions = { 
    chart: { 
     type: 'lineChart', 
     height: 300, 
     margin : { 
      top: 50, 
      right: 50, 
      bottom: 50, 
      left: 50 
     }, 
     x: function(d) { 
      return d3.time.format.iso.parse(d.key); 
     }, 
     y: function(d) { 
      return d.value; 
     }, 
     useInteractiveGuideline: false, 
     dispatch: { 
      stateChange: function(e) { }, 
      changeState: function(e) { }, 
      tooltipShow: function(e) { }, 
      tooltipHide: function(e) { } 
     }, 
     xScale: d3.time.scale(), 
     xAxis: { 
      axisLabel: 'Date', 
      tickFormat: function (d) { 
       return d3.time.format('%b %Y')(new Date(d)); 
      } 
     }, 
     yAxis: { 
      axisLabel: 'Count', 
      tickFormat: function(d) { 
       return d; 
      } 
     } 
    } 
}; 

、データが持つセットアップです：

vm.statsModel.registeredMembersが似ている

vm.community.data = [ 
    { 
     key: 'Members', 
     values: vm.statsModel.registeredMembers 
    }, 
    { 
     key: 'Students', 
     values: vm.statsModel.registeredStudents 
    }, 
    { 
     key: 'Alumni', 
     values: vm.statsModel.registeredAlumni 
    } 
]; 

：

[ 
    { 
    key: "2015-06-15", 
    value: 458 
    }, 
    { 
    key: "2015-06-23", 
    value: 459 
    }, 
    { 
    key: "2015-06-27", 
    value: 460 
    } 
] 

どれでもアイデア？ vm.graphOptions.chartでxDomainを設定

Answer 1

が働いた：

vm.graphOptions.chart.xDomain = [new Date(vm.selectedItem.date), dateToday] 

どこvm.selectedItem.date = new Date().setMonth(new Date().getMonth() - 6) 6ヶ月前に...とdateToday = new Date()

をだから私はちょうど$変更vm.selectedItem上の変更を監視します選択ボックスでxDomainを更新します。