HTMLcopy
1
<div id="container"></div>
CSScopy
6
1
html, body, #container {
2
width: 100%;
3
height: 100%;
4
margin: 0;
5
padding: 0;
6
}
JavaScriptcopy
x
1
anychart.onDocumentReady(function () {
2
// create a preloader
3
preloader = anychart.ui.preloader();
4
// cover only chart container
5
preloader.render(document.getElementById("container"));
6
// show preloader
7
preloader.visible(true);
8
9
var chart = anychart.pie([
10
["Chocolate", 5],
11
["Rhubarb compote", 2],
12
["Crêpe Suzette", 2],
13
["American blueberry", 2],
14
["Buttermilk", 1]
15
]);
16
chart.title("Top 5 pancake fillings");
17
chart.container("container");
18
chart.draw();
19
20
setTimeout(function() {
21
// hide preloader after 20 seconds
22
preloader.visible(false);
23
}, 20000)
24
});