diff --git a/index.html b/index.html index 9a449e57..282647b8 100644 --- a/index.html +++ b/index.html @@ -94,16 +94,23 @@ bower install vis <div id="mytimeline"></div> <script type="text/javascript"> + // DOM element where the Timeline will be attached var container = document.getElementById('mytimeline'); - var data = [ + + // Create a DataSet (allows two way data-binding) + var data = new vis.DataSet([ {id: 1, content: 'item 1', start: '2013-04-20'}, {id: 2, content: 'item 2', start: '2013-04-14'}, {id: 3, content: 'item 3', start: '2013-04-18'}, {id: 4, content: 'item 4', start: '2013-04-16', end: '2013-04-19'}, {id: 5, content: 'item 5', start: '2013-04-25'}, {id: 6, content: 'item 6', start: '2013-04-27'} - ]; + ]); + + // Configuration for the Timeline var options = {}; + + // Create a Timeline var timeline = new vis.Timeline(container, data, options); </script> </body>