angular绑定成功，js里修改了数组的值，但视图页面里{{}}的数据没有更改

html里的代码如下：

<span class="databox-text" style="font-size: 15px">1、快递使用年限为1年的用户：{{oneYear.data}}</span>
<progressbar type="info" class="progress-striped active" value="oneYear.value">{{oneYear.ratio}}</progressbar>
js（js里有echarts相关代码）里的部分代码如下：

$scope.oneYear = {
            "data":"39,128,985",
            "ratio":"20%",
            "value":"20"
        };
        $scope.twoYear = {
            "data":"58,693,478",
            "ratio":"30%",
            "value":"30"
        };
        $scope.threeYear = {
            "data":"97,822,463",
            "ratio":"50%",
            "value":"50"
        };
myChart.on('click', function (params) {
            if (params.data.name == '河南省') {
                $scope.oneYear = {
                    "data":"112233",
                    "ratio":"40%",
                    "value":"40"
                };
                 
            }
        });

当鼠标点击河南省后，$scope.oneYear的值确实改变了，但是视图里显示的还是原来的值，并没有更改，是怎么回事呢？