Javascript 如何使其对数据更改作出反应？

我正试图写一个应用程序，将显示一些数据从API和在工作期间，我将能够改变时间和日期范围，我想在图表上显示

现在我正在与基础数据的变化作斗争

我有一个简单的图表代码： HTML:

当然，这只是较长代码的一部分。 我想在这一部分中做的是从

ReloadChart（）

函数中用新数据重新加载图表。但问题是什么都没有改变。在控制台中，我有“重新加载图表”，但图表仍然是一样的

---

我做错了什么？

移动

ng controller=“LineCtrl”

使其位于按钮元素之外，否则将涉及错误的范围。

您是否可以创建一个有问题的演示plunkr..这将更容易尝试解决方案..尝试移动

ng controller=“LineCtrl”

所以它在按钮外面。@tasseKATT就是这么简单。。。我差点把电脑扔出窗外；）非常感谢。我到处找，都没想到。。。如果你愿意，你可以加上它作为答案。我知道这种感觉：）很高兴它奏效了。

<button type="button" class="btn btn-success" ng-click="ReloadChart();">Reload</button>
<div class="col-lg-12 col-sm-12" id="line-chart" ng-controller="LineCtrl">
    <div class="panel panel-default">
        <div class="panel-heading">Line Chart</div>
        <div class="panel-body">
            <canvas id="line" class="chart chart-line" chart-data="data" chart-labels="labels"
                    chart-legend="true"
                    chart-click="onClick" chart-hover="onHover" chart-series="series"
                    chart-options="{pointHitDetectionRadius: 1}"></canvas>
        </div>
    </div>
</div>

$scope.labels = ["January", "February", "March", "April", "May"];
$scope.series = ["Temperatura"];
$scope.data = [[22, 33, 44, 55, 22]];

$scope.ReloadChart = function () {
    console.log("Reloading chart");
    $scope.labels =
        ["January", "February", "March", "April", "May", "June", "July"];
    $scope.series = ["Temperatura"];
    $scope.data = [[65, 59, 80, 81, 56, 55, 40]];
}