Highcharts NG一次只显示一个点.动画

Highcharts NG show only one point at a time. Animations

本文关键字：一个动画显示一次 NG Highcharts 更新时间：2023-09-26

我想一次只显示一个点。因为它是点传输。

 var dataLength = $scope.performanceConfig.series[0].data.length;
    for (var i = 0; i <= dataLength; i++) {
                    appendBar(i,timeOutTime)
    }
  function appendBar(i) {
                $timeout(function () {
                    $scope.fullScreenPerformanceConfig.series[0].data = [];
                    $scope.fullScreenPerformanceConfig.series[1].data = [];
                    $scope.fullScreenPerformanceConfig.series[0].data.push($scope.performanceConfig.series[0].data[i])
                    $scope.fullScreenPerformanceConfig.series[1].data.push($scope.performanceConfig.series[1].data[i])
                    $timeout(function () {
                        $scope.$apply();
                    }, 500);
                }, 1000);
            }

通过这种方法，我的浏览器卡住了。这是更好的方法。

自己解决了:p

appendBar(0,dataLength);
function appendBar(i,dataLength) {
            var percentAge =(i / dataLength ) * 100;
                $timeout(function () {
                    if(i!=dataLength){
                        $scope.fullScreenPerformanceConfig.series = [];
                        angular.forEach($scope.performanceConfig.series, function (item, i) {
                            $scope.fullScreenPerformanceConfig.series.push({name: item.name, data: [],color:item.color});
                        });
                        $scope.fullScreenPerformanceConfig.series[0].data = [];
                        $scope.fullScreenPerformanceConfig.series[1].data = [];
                    }
                    $scope.fullScreenPerformanceConfig.series[0].data.push($scope.performanceConfig.series[0].data[i])
                    $scope.fullScreenPerformanceConfig.series[1].data.push($scope.performanceConfig.series[1].data[i])
                    $scope.barLoadStatus = Number(percentAge);
                    $timeout(function () {
                        $scope.$apply();
                        $scope.fullScreenChartConfig['chartObj'].redraw()
                    }, 100);
                    appendBar(i+1,dataLength);
                }, 1500);
        }