title: Chart.js animation: onComplete event fired on hover
body: <p>I am loading an image export of my chart after the animation is complete, using the onComplete callback.
  My problem is that everytime you hover over the diagram, the onComplete callback is executed an this slows down the page immensely.</p>
  
  <p>Here's my chart code:</p>
  
  <pre><code>this.chart = new Chart(this.$chart.getContext("2d"), {
          type: 'doughnut',
          data: data,
          options: {
              tooltips: {
                  enabled: false
              },
              animation: {
                  onComplete: (e) =&gt; {
                      console.log(e);
                      this.initExport();
                  }
              }
          }
      });
  </code></pre>
  
  <p>I checked the Chart.js documentation but I did not find any other option that would only fire after the chart is built. So does anyone know how to distinguish between the hover-animation and the "build"-animation of the chart?</p>