Angular nvd3条形图：如何限制要显示的条形数量？

Question

我使用angular nvd3指令创建一个多条形图。我的数据输入有很多值。我想只在条形图上显示最后20个值。这将限制条的数量，并使条形图更具可读性。 有没有办法只在图表上显示一系列值？

谢谢！

代码如下所示：

   <nvd3-multi-bar-chart
            data="exampleData"
            id="exampleId"
            showXAxis="false"
            showYAxis="true"
            xAxisTickFormat="xAxisTickFormatFunction()"
            yAxisTickFormat="yAxisTickFormatFunction()"
            width="550"
            height="400"
            tooltips="true"
            interactive="true"
            showLegend="true"
            rotateLabels="40"   
            >
        <svg></svg>
</nvd3-multi-bar-chart>

<script type="text/javascript">
     var app = angular.module("nvd3TestApp", ['nvd3ChartDirectives']);  
      function ExampleCtrl($scope){

          $scope.exampleData = [{
              "key": "Active STBs Count",
              "color": "#1f77b4",
              "values": [[1414432801855,  3],
                        [1414436401526,  3], ...]
          },];
          $scope.xAxisTickFormatFunction = function(){
              return function(d){
                return d3.time.format('%H:%M')(new Date(d));
              }
          }

          $scope.yAxisTickFormatFunction = function(){
              return function(d){
                 return d3.format(',d')(d);
              }
            };
          }              
    </script>