Source Download

                
<style type="text/css">
	.chart_loading {
		position:absolute; 
		bottom:0%; 
		left:0%; 
		height:10%; 
		width:10%; 
		padding:0; 
		margin:0; 
		z-index:1000; 
		text-align:center;}
</style>
<script type="text/javascript">
    $(function() {
        $("#chart_div_static").ddBarChart({
                 chartDataLink: "Static_Data.js",
                 action: 'init', 
                 xOddClass: "ui-state-active",
                 xEvenClass: "ui-state-default",
                 yOddClass: "ui-state-active",
                 yEvenClass: "ui-state-default",
                 xWrapperClass: "ui-widget-content",
                 chartWrapperClass: "ui-widget-content",
                 chartBarClass: "ui-state-focus ui-corner-top",
                 chartBarHoverClass: "ui-state-highlight",
                 callBeforeLoad: function (){$('#loading-Notification_static').fadeIn(500);},
                 callAfterLoad: function (){$('#loading-Notification_static').stop().fadeOut(0);},
                 tooltipSettings: {extraClass: "ui-widget ui-widget-content ui-corner-all"}
        });
    });
</script>
<div style="width:100%; height:100%;">
	<div id="chart_main_div" style="position:relative; width:100%; height:95%">
	</div>
	<div id="loading-Notification_static" class="chart_loading ui-widget ui-widget-content ui-state-error">Loading...</div>
</div>