SVG指標，而阿賈克斯收集所有信息（D3.js）

Question

我有一個SVG（d3.js）可視化，需要幾秒鐘來收集和渲染所有必要的元素。

現在我想要一些加載器圖像/文本，要求我的用戶等待，直到它準備好。

我可以用我的SVG外部的jQuery來做到這一點，但我想「鎖定」我的svg畫筆/ etc，不管怎樣，只有在它準備就緒時才啓用我的可視化！ （每當所有的異步/同步Ajax調用完成）。

任何洞察力高度讚賞！

乾杯，

Answer 1

我會在你的畫布，這是隻要你SVG裝隱藏的頂部添加圖像。爲了確定何時SVG裝，試試這個代碼：

function checkReady() { 
    var svg = document.getElementById("svg-element").getSVGDocument(); 
    if (svg == null) { 
     setTimeout("checkReady()", 300); 
    } else { 
     document.getElementById("svg-loading-img").style.display = "none"; 
    } 
} 

從這樣的回答：https://stackoverflow.com/a/337383/1798148