[Solved] How to show loading element on chart binding

[Joanes]

Hi:
Is it possible to show loading gif while binding/rebinding a chart client side?

Thanks in advance

[Iliana Dyankova]

Hi Joanes,

Generally speaking, this feature is not supported, but you could achieve the described behavior using the following approach:
 On the OnDataBinding event place a <div> with the following styling over the Chart:

1. function onDataBinding(e) {

        $('<div class="custom-overlay"/>').appendTo("#chart");

   }

   ...

   


   <style>
 .custom-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .6;
    filter: alpha(opacity=60);
    background: #fff url("@Url.Content("~/Content/loadingImage.gif")") no-repeat 50% 50%;
    }
</style>

          

  All the best,
Iliana Nikolova
the Telerik team