Can't read list from huge variable

[Amir Mohammad Moradi]

I couldn't pass list through a huge variable even using Promise / setTimout.
I have an array in the format of [['txt',123],...] and it has about 2000 items.
my code :

$(document).ready(() => {
    let xhr = new XMLHttpRequest();
    let xhrPromise = new Promise((resolve, reject) => {
        xhr.onreadystatechange = function() {
            if (xhr.readyState == XMLHttpRequest.DONE) {
                resolve(xhr.responseText);
            }
        }
        xhr.open('GET', 'http://sth.com', true);
        xhr.send(null);
    }).then(result => {
        setTimeout(() => {
            WordCloud(document.getElementById('my_canvas'), { list: result } );
        },2000)
    })
})

and i will see :

Uncaught DOMException: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The source width is 0.
at getTextInfo (http://localhost:8080/wordcloud.js:612:34)
at putWord (http://localhost:8080/wordcloud.js:913:24)
at Array.loop (http://localhost:8080/wordcloud.js:1179:29)
at setZeroTimeoutMessage (http://localhost:8080/wordcloud.js:53:34)

p.s : I checked your source code using console.log() and I found the fontWeight couldn't be generated and it is NaN

I Sliced result to (0,10) but also gave me same error.

Then I tried to push some statics data on list it worked for about 20 items but didn't work for more than 100 items.

[Timothy Guan-tin Chien]

DId it work outside of Promise/setTimeout? It’s unlikey that it breaks just because it’s in a Promise/setTimeout.

[Amir Mohammad Moradi]

@timdream no it didn't work

your module is sync and xhr req is async then i used Promise ( i thought maybe the list first passed to module then filled with xhr ... )

[Timothy Guan-tin Chien]

Probably because the list itself is faulty. If you post it here people will be able to see what's wrong.

[Amir Mohammad Moradi]

@timdream ok i'll send it . But I tested that list in static mode and it was correct ( but for a list with more than 400 item it didn't work )

[Lucas Alberto]

Any news about this?

[Amir Mohammad Moradi]

@lucasa nothing! i used another library...

[raviraj16]

@ammoradi Which library did you use?

[Amir Mohammad Moradi]

@raviraj16 i used d3-cloud library.
an implementation example could be found here.