title: Chartjs Doughnut disappears
body: <p>I'm having a problem with the chart generation when it has only one data to show and holds all 360º. Here's the example:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!doctype html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;Chart Test&lt;/title&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.1-beta.2/Chart.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;canvas width="200" height="200"&gt;&lt;/canvas&gt;
  
      &lt;script&gt;
      var canvas =  $( 'canvas' )
        , data = [
          {
            value     : 300,
            color     : "#F7464A",
            highlight : "#FF5A5E",
            label     : "Red"
          }
        ]
        , options = {"percentageInnerCutout":70,"showTooltips":false,"animateScale":true}
        , chart   = new Chart( canvas.get( 0 ).getContext( '2d' ) ).Doughnut( data, options );
    &lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Just after the chart ends the 360º animation on the Android default browser, it disapears but it doesn't happen on the Chrome. Tested on the Sony Xperia (v4.1.2) and Samsung S3.</p>
  
  <p>On my desktop this problem doesn't happen so it looks like it's related with the default Android browser.</p>
  
  <p>I've also tested with the lastest <a href="http://www.chartjs.org/" rel="nofollow">chart.js</a> version 1.0.1-beta.4...</p>
  
  <p>There's an <a href="https://github.com/nnnick/Chart.js/issues/153" rel="nofollow">open issue</a> on github for this.</p>
  
  <p>Has anyone solved this problem?</p>