angularjs - linePlusBarWithFocusChart 的预定义过滤器

Question

我正在尝试在我的应用程序中使用 linePlusBarWithFocusChart ( angular-nvd3 )，但我遇到了以下问题 - 我无法在底部图表中设置初始范围（例如，我需要在上部图表中显示特定年份的值和当图表加载时，将此年份范围设置为下图中的初始过滤器）。是否可以实现此功能？

var app = angular.module('plunker', ['nvd3']);

app.controller('MainCtrl', function($scope) {
  $scope.options = {
  chart: {
    type: 'linePlusBarWithFocusChart',
    //chart settings
};

$scope.data = [
{
    "key" : "Quantity" ,
    "bar": true,
    "values" : [ DATA ]
},
{
     "key" : "Price" ,
     "values" : [   ],
     "remove": true
}
].map(function(series) {
    series.values = series.values.map(function(d) { return {x: d[0], y: d[1] } });
    return series;

这是我的代码。请帮我。

Answer 1

使用brushExtent选项（就 x 值而言，即如果 x 是索引，则 [index1, index2]；如果 x 是日期，则 [date1, date2]）：

app.controller('MainCtrl', function($scope) {
  $scope.options = {
    chart: {
      type: 'linePlusBarWithFocusChart',
      x: function(d,i) { return i },
      brushExtent: [10, 20], //[i1, i2] - x-values interval  
      //chart settings
    }
  }
};