I. Overview
1.1 Requirement
In making a report, we use JavaScript to meet the special needs of data refresh at a fixed time and data display on a large screen. But the loading icon keeps on displaying exactly in the middle of the large screen while refreshing data. So how to hide the loading icon to enhance aesthetic appeal?
1.2 Solution
The loading icon is controlled by the function FR.HtmlLoader.loadingEffect, so rewrite the function to hide it.
You will learn |
---|
|
II. Sample
2.1 Steps
1) Open the template. In the right-hand pane, click body and add an After Initialization event, as shown below:
Input the following JavaScript codes:
FR.HtmlLoader.loadingEffect=function(){} // The function returns nothing
2.2 Preview
Save and preview the template. When you refresh any report block/chart block of the dashboard, the animation and texts being loaded are hidden. See the demonstration below: