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;

这是我的code。请帮帮我。

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
    }
  }
};

linePlusBarWithFocusChart的预定义过滤器

1 个答案: