title: Vis.js timline not rendering in Meteor.js application
body: <p>I'm trying to include the vis.js library into my Meteor application. I have the library included and I'm rendering the page without errors, however, the vis.js timeline is rendering with only horizontal lines, and no objects.</p>
  
  <p>I am definitely populating my dataset as I have confirmed it via console.</p>
  
  <p>Here is my code.</p>
  
  <pre><code>Template.events_timeline.rendered = function () {
    drawTimeline();
  };
  
  function drawTimeline(){
    var container = document.getElementById('timeline');
    var event = Events.find();
  
    if (event.count() === 0) {
      console.log('found no events');
      return;
    }
    data = new vis.DataSet({
      type: { start: 'ISODate', end: 'ISODate' }
    });
  
    var i = 1;
    event.forEach(function (ev) {
      data.add([{id: i, content: ev.content, start: ev.startDate, end: ev.endDate}]);
      i++;
    });
  
    // Configuration for the Timeline
    var options = {};
  
    // Create a Timeline
    var timeline = new vis.Timeline(container, data, options);
  }
  </code></pre>
  
  <p>My template is as follows. Very basic.</p>
  
  <pre><code>&lt;template name="events_timeline"&gt;
    &lt;div id="timeline"&gt;&lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>Result.
  <a href="http://i.imgur.com/k2HyQb5.jpg" rel="nofollow">http://i.imgur.com/k2HyQb5.jpg</a></p>
  
  <p>I was able to get the graph to render with data on it's own with the above code and some changes to the router, but I cannot seem to get the chart to work when embedding the chart template in, for example, a layout template.</p>
  
  <p>The following router changes renders the chart correctly, with data from the Events collection.</p>
  
  <pre><code>this.route('events_timeline', {
      path: '/timeline',
      waitOn: function() {
        return Meteor.subscribe('events');
      },
      notFoundTemplate:'data_not_found',
      action: function() {
        if(this.ready()) {
          this.setLayout('events_timeline');
          this.render();
        } else {
          this.setLayout('loading');
          this.render('loading');
        }
      }
    });
  </code></pre>
  
  <p>If I replace ...</p>
  
  <pre><code>this.setLayout('events_timeline');
  </code></pre>
  
  <p>... With ...</p>
  
  <pre><code>this.setLayout('layout');
  </code></pre>
  
  <p>... Then I still get the blank chart.</p>
  
  <p>I think I'm missing something with how to correctly waitOn the data for a specific template.</p>