Empty DataSource

[Monique]

Hello,

I want to know if I can show a message in my chart ; when my datasource is empty.
Saying that there are no records


Regards,

M.

[Iliana Dyankova]

Hi M,

Such functionality is not supported out of the box, but you could achieve it using custom code. I could suggest the following approach:

• Create a function which place a <div> or <p> with the following styling over the Kendo UI Chart: 
  


  <script>
  function overlay(e) {
   $('<div class="custom-overlay"><p id="message">SomeMessageHere</p></div>').appendTo("#ComfortChart");
  }
  ...
  </script>
  
  ...
  
  <style>
   .custom-overlay {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     opacity: .2;
     filter: alpha(opacity=60);
     background-color: #6495ed;
     font-size: 34px;
   }
   #message{
     position: absolute; left: 30%; top: 50%;
   }
  ​</style>

  
  

Greetings,
Iliana Nikolova
the Telerik team

[Monique]

Hi Iliana,

Where I have to put the function overlay;
I tried on databound event
but it doesn´t appear

M

Regards,
Thanks for the help.

[Iliana Dyankova]

Hi M,

You could call the overlay() function after the initialization of the chart. For example:

$(document).ready(function() {
   createChart();
   overlay();
});​

Please check this jsFiddle example.
 

Regards,
Iliana Nikolova
the Telerik team