javascript - 如何加载 gif 直到显示图表

Question

我希望加载我的 gif 直到图形加载然后隐藏它。所以我尝试使用下面的命令，但它没有按预期工作(GIF 正在显示，但在图形加载后继续)。下面是我的代码:

    <div id='chartwrapper'>
    <div class='chartcurtain' style='height: 427px; width: 100%; position: absolute; top: 0; text-align: center; line-height: 300px; font-size: 20px;'>


    </div>

    </div>

</div>
    </div>
     </div>

我将其添加到图表中

"listeners": [{
            "event": "rendered",
            "method": function(e) {
              var img_load = document.getElementById("img-load");
              img_load.parentElement.removeChild(curtain);
            }
      }],

但是现在最初 gif 在那里，但之后 gif 消失了，直到下一张图才出现 如有任何帮助，我们将不胜感激

Answer 1

var img_load=$('#img-load');
      $(img_load).show();

和

"listeners": [{
            "event": "drawn",
            "method": function(e) {
              //var img_load = document.getElementById("img-load");
              var img_load=$('#img-load');
              $(img_load).hide();
            }
          }

成功了，并且效果很好。希望它对任何人都有帮助。