title: animated chart start on spcific part of the page
body: <p>I have this script</p>
  
  <pre><code>    var doughnutData = [
              {
                  value: 10,
                  color:"#444444",
                  highlight: "#535353",
                  label: "Contrato de Assistência"
              },
              {
                  value: 25,
                  color: "#707070",
                  highlight: "#7F7F7F",
                  label: "Assistência Técnica"
              },
              {
                  value: 10,
                  color: "#CECECE",
                  highlight: "#E2E2E2",
                  label: "Entrega ao Domicílio"
              },
              {
                  value: 55,
                  color: "#262626",
                  highlight: "#383838",
                  label: "Atendimento ao Público"
              }
  
          ];
  
          window.onload = function(){
              var ctx = document.getElementById("chart-area").getContext("2d");
              window.myDoughnut = new Chart(ctx).Doughnut(doughnutData, {responsive : true});
          };
  </code></pre>
  
  <p>This is a animated doughnut chart like this <a href="http://codepen.io/IanVS/pen/EaZWyo" rel="nofollow">http://codepen.io/IanVS/pen/EaZWyo</a> .</p>
  
  <p>But the animation starts when page load and I want to start a specific part of the page.</p>