如何获取N个最新数据并将其显示在angularjs nvd3堆积面积图中

Question

我使用angularjs-nvd3-directives来创建堆叠面积图。现在我的问题是，我正在从服务器轮询数百个数据，并且我需要在N个最新数据上显示。我该怎么做呢？

这是HTML文件

<div ng-controller="GraphController as viewAll">    
<nvd3-stacked-area-chart    data="viewAll.data"     
id="graph"  showXAxis="true"    showYAxis="true"    
showLegend="true"   interactive="true"  
tooltips="true"     forcex="[xFunction()]">         
<svg></svg>     </nvd3-stacked-area-chart> </div>

Answer 1

尝试定义另一个仅保存最后N个值的数组，并将其作为' data‘参数传递，而不是整个数据数组。

  $scope.viewAll.visData = $scope.viewAll.data.slice(Math.max($scope.viewAll.data.length - N, 1))

在您的html中：

<nvd3-stacked-area-chart 
  data="viewAll.visData" 
  ...
>