title: Pie chart using flot
body: <p>I am using Jquery Flot to create a pie chart based on three different values, pause, nopause and sleeping. Initially it draws th pie chart correctly but after some redraw it gives me the following error.</p>
  
  <p><strong>Could not draw pie with labels contained inside canvas</strong></p>
  
  <p>My code is </p>
  
  <pre><code>Lecturer.socket.onmessage = function (message) {
  
     var str = message.data;
     var msg = str.split(":");
     if(msg[0] == 'pause'){
         var pause = parseInt(msg[1]);
         var noPause = parseInt(msg[2]);
         var sleeping = parseInt(msg[3]);
         var data = [
            {label: "Pause", data:pause},
            {label: "No Pause", data:noPause},
            {label: "Sleeping", data:sleeping}
         ];
     var options = {
          series: {
              pie: {show: true}
          },
          legend: {
              show: false
          }
       };
  
      $.plot($("#pie-placeholder"), data, options);
  }
  </code></pre>
  
  <p>};</p>
  
  <p>HTML is </p>
  
  <pre><code>&lt;div id="live-placeholder" class="flot"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>All the require js libraries are included. What I m doing wrong? Any Help ?</p>
  
  <p>Thanks </p>