Javascript 高图上的随机数+；安格拉斯

我试图创建一个图表，生成随机数，并在单击按钮后更新最大值

这是我的控制器：

$scope.max = 1;

$scope.randomNumber = function(max,min) {
  var arr = [];
  for (var i = 0; i < 60; i++) {
    arr.push(Math.floor(Math.random()*(max-min+1)+min));
  }
  return arr;
}

  $('#chart').highcharts({
    series: [{
      data: (function () {
        var data = [];

        for (var i = 0; i < 60; i++) {
          data.push({
            x: i,
            y: $scope.randomNumber($scope.max,0)[0]
          });
        }
        return data;
      }())
    }]
  });

$scope.max=1；
$scope.randomNumber=函数（最大值、最小值）{
var-arr=[]；
对于（变量i=0；i<60；i++）{
arr.push（数学地板（数学随机（）*（最大最小+1）+最小））；
}
返回arr；
}
$（“#图表”）。高图({
系列：[{
数据：（函数（）{
var数据=[]；
对于（变量i=0；i<60；i++）{
数据推送({
x:我，
y:$scope.randomNumber（$scope.max，0）[0]
});
}
返回数据；
}())
}]
});

这是应该更新最大值的HTML：

<button ng-click="max = 10">10</button>
<button ng-click="max = 100">100</button>
<button ng-click="max = 1000">1000</button>
<button ng-click="max = 10000">10000</button>

10
100
1000
10000

但是，它不会更新最大值。有什么建议吗

---

这里有一个提示：

更改最大值时，需要重新绘制图表

查看plnkr，我查看最大值，当最大值发生变化时，调用draw函数

  $scope.draw = function() {
    $('#chart').highcharts({
      series: [{
        data: (function() {
          var data = [];

          for (var i = 0; i < 60; i++) {
            data.push({
              x: i,
              y: $scope.randomNumber($scope.max, 0)[0]
            });
          }
          return data;
        }())
      }]
    });
  }

  $scope.draw();

  $scope.$watch('max', function() {
    $scope.draw();
  });

$scope.draw=function（）{
$（“#图表”）。高图({
系列：[{
数据：（函数（）{
var数据=[]；
对于（变量i=0；i<60；i++）{
数据推送({
x:我，
y:$scope.randomNumber（$scope.max，0）[0]
});
}
返回数据；
}())
}]
});
}
$scope.draw（）；
$scope.$watch（'max'，function（）{
$scope.draw（）；
});

---

更改最大值时，需要重新绘制图表

查看plnkr，我查看最大值，当最大值发生变化时，调用draw函数

  $scope.draw = function() {
    $('#chart').highcharts({
      series: [{
        data: (function() {
          var data = [];

          for (var i = 0; i < 60; i++) {
            data.push({
              x: i,
              y: $scope.randomNumber($scope.max, 0)[0]
            });
          }
          return data;
        }())
      }]
    });
  }

  $scope.draw();

  $scope.$watch('max', function() {
    $scope.draw();
  });

$scope.draw=function（）{
$（“#图表”）。高图({
系列：[{
数据：（函数（）{
var数据=[]；
对于（变量i=0；i<60；i++）{
数据推送({
x:我，
y:$scope.randomNumber（$scope.max，0）[0]
});
}
返回数据；
}())
}]
});
}
$scope.draw（）；
$scope.$watch（'max'，function（）{
$scope.draw（）；
});

---

我认为您的数据数组不正确，'X'是一个数字，

Y

是一个数组。我将

$scope.randomNumber（$scope.max，0）

更改为

$scope.randomNumber（$scope.max，0）[0]

，并生成了一张图表。它确实生成了图表。但是，我还有另一个问题：当我点击按钮时，它没有更新

max

值。我认为您的数据数组不正确，'X'是一个数字，

Y

是一个数组。我将

$scope.randomNumber（$scope.max，0）

更改为

$scope.randomNumber（$scope.max，0）[0]

，并生成了一张图表。它确实生成了图表。但是，我还有另一个问题：当我点击按钮时，它没有更新

max

值。