Javascript:尝试在不冻结浏览器的情况下加载高图表

Javascript: Trying to load highcharts without freezing the browser

本文关键字:浏览器 情况下 加载 高图表 冻结 Javascript      更新时间:2023-09-26

我需要加载n个图,但我不希望在浏览器冻结的情况下等待1分钟,而是希望在创建/渲染第一个图后,它会出现在屏幕上,然后再移动到下一个图。

我正在使用一个在代码的另一部分中有效的"策略",为什么不在这里工作?

代码:

var i = -1;
var total = 10;
function moveToTheNext() {
    saySomething()
    .then(function() {return $timeout(function(){},1000);})
    .then(nextChart());
    }
function saySomething() {
    console.log('hey')
    var deferred = $q.defer();
    deferred.resolve();
    return deferred.promise;
    }
function nextChart() {
    i++;
    if (i <= total) {
        // some stuff
        chart[i] = new Highcharts.Chart({
            //....
        },moveToTheNext());
        }
    }

更新错误发生在执行nextChart函数时

function moveToTheNext() {
    saySomething()
    .then(function() {return $timeout(function(){},1000);})
    .then(function() {nextChart();});
    }

现在它工作了:)

已解决,请参阅问题

中的更新代码
相关文章: