title: Hovering over chart.js values in Meteor onRendered function causes chart axis shift
body: <p>I have a chart.js bargraph inside self.autorun function that responds reactively to a dropdown selector. When I select a new entity from the dropdown and then hover over the values in the bargraph the y-axis jumps like this:</p>
  
  <p><a href="https://i.stack.imgur.com/jaNtk.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jaNtk.gif" alt="Meteor chart.js axis and value jumping when hovering over values"></a></p>
  
  <p>Dropdown code:</p>
  
  <pre><code>Template.Dropdown.events({
      "change #category-select": function (event) {
          var category = event.currentTarget.value;
          Session.set("chosenDairy", category)
         }
  });
  </code></pre>
  
  <p>Bargraph code:</p>
  
  <pre><code>    Template.Bothdaily.onRendered(function () {
      Tracker.autorun(function(){
      //look up mongodb values
      //do some calculations
  
      //Begin Chart.js bargraph   
      var options = {
          //bargraph options
      };
  
      var data = {
          //bargraph data
      };
  
      var ctxtwo = document.getElementById("myBothDaily").getContext("2d");
      var myBarBothDaily = new Chart(ctxtwo).Bar(data, options);
  
      })//autorun
  
  }); //onRendered
  </code></pre>
  
  <p>html code:</p>
  
  <pre><code>&lt;template name="Bothdaily"&gt;
    &lt;canvas id="myBothDaily" width="300" height="300"&gt;&lt;/canvas&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>I suspect this is because both values are present in the bargraph. I thought this might be fixed with a Tracker.afterflush() function but no luck.</p>
  
  <p>Can you suggest how I might remove the y-axis shift when hovering over my reactive chart.js bargraph?</p>