Status message

5 posts, 1 answers
  1. Tonih
    Tonih avatar
    35 posts
    Member since:
    Nov 2012

    Posted 19 Jul 2013 Link to this post

    Hi,

    I am lazy loading some data into my chart and wondering how do I create a status message on the chart, similar to http://www.highcharts.com/stock/demo/lazy-loading?

    Thanks,
    Tonih
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 22 Jul 2013 Link to this post

    Hi Tonih,

    If I understand you correctly you would like to create something like a progress bar in Kendo UI Chart? If this is the case I am afraid this is not supported at this point and there is no a suitable workaround I can suggest. If you are requesting different functionality please elaborate a bit more. Thank you in advance for your cooperation.

    Regards,
    Iliana Nikolova
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Tonih
    Tonih avatar
    35 posts
    Member since:
    Nov 2012

    Posted 23 Jul 2013 Link to this post

    Hi Iliana,
    Thanks for your response. I am referring only to the status message that says "Loading data from server" when the data range is changed from the navigator. I only want to display this message when the user clicks a button to retrieve the data from server, then remove it on data receive success. So I guess the question is how do I add a "Loading data from server" message on top of the chart, not necessarily a progress bar.

    Thanks,
    Tonih
  4. Answer
    Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 25 Jul 2013 Link to this post

    Hello Tonih,

    Thank you so much for the provided details. I am afraid this is also not supported out-of-the-box in Kendo UI Chart, however I can suggest you the following workaround:

    • Create a custom <div> element with Loading message and position it over the Chart;
    • Once the data is loaded (i.e. in the DataBound event) hide the aforementioned <div>.

    For your convenience here is a simple jsFiddle example.

    Regards,
    Iliana Nikolova
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  5. Tonih
    Tonih avatar
    35 posts
    Member since:
    Nov 2012

    Posted 26 Jul 2013 Link to this post

    This works. Thanks!
Back to Top