how do I show animation while loading kendo chart data?

kendo ui chart loading progress


HTML code-sample

<div id="example">
   <div class="demo-section k-content wide sel-chart-wrapper">
       <div id="chart"></div>
   </div>
</div>

JQuery code-sample

 $(function () {
        //Used to display progress.
        kendo.ui.progress($("#chart"), true);

        //Used to hide displayed progress.
        kendo.ui.progress($("#chart"), false);
    });

For Kendo DataSource

  dataSource: {
        requestStart: function () {
            kendo.ui.progress($("#chart"), true);
        },
        requestEnd  : function () {
            kendo.ui.progress($("#chart"), false);

        }

    }

I think, It might help you! thank you!

ANIL SINGH

Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
My Blogs - http://www.code-sample.com and http://www.code-sample.xyz
My Books - Buy Books Online at Best Prices

You Might Also Like
Post a Comment
www.code-sample.com/. Powered by Blogger.