html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

  var customPreloader = anychart.ui.preloader();

  customPreloader.render();

  customPreloader.visible(true);

  document.getElementsByClassName('anychart-loader-rotating-cover')[0].innerHTML = `

<img src="https://mir-s3-cdn-cf.behance.net/project_modules/disp/04de2e31234507.564a1d23645bf.gif"

style="max-width:100%;

max-height:100%;">

`;

​

  var chart = anychart.line([1, 2, 3]);

  chart.container('container').draw();

​

  window.setTimeout(function () {

    customPreloader.visible(false);

  }, 2000);

​

});