Next
Update
Prev
Show Preloader
Hide Preloader

KoolChart provides the event handling features that enables you to create a custom event handler or to use the default event handling function.

This sample column chart is to show how to display and undisplay Preloader using the JavaScript function.

...
				
<div class="button" style="float:left;" onclick="showPreloader()">Show Preloader</div>
<div class="button" style="float:left; margin-left:7px" onclick="hidePreloader()">Hide Preloader</div>

...
					
function showPreloader()
{
  document.getElementById("chart1").showAdditionalPreloader();
}

function hidePreloader()
{
  document.getElementById("chart1").removeAdditionalPreloader();
}

© 2017 KoolChart. All rights reserved.