diff --git a/docs/timeline.html b/docs/timeline.html index 613ae09f..1284fc5a 100644 --- a/docs/timeline.html +++ b/docs/timeline.html @@ -68,16 +68,23 @@ <div id="visualization"></div> <script type="text/javascript"> + // DOM element where the Timeline will be attached var container = document.getElementById('visualization'); - var items = [ + + // Create a DataSet (allows two way data-binding) + var items = 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, items, options); </script> </body> diff --git a/examples/timeline/01_basic.html b/examples/timeline/01_basic.html index 5dc030e0..289555f7 100644 --- a/examples/timeline/01_basic.html +++ b/examples/timeline/01_basic.html @@ -16,16 +16,23 @@
diff --git a/examples/timeline/02_interactive.html b/examples/timeline/02_interactive.html index 0c4f6d36..e555b29c 100644 --- a/examples/timeline/02_interactive.html +++ b/examples/timeline/02_interactive.html @@ -21,9 +21,14 @@ diff --git a/examples/timeline/07_custom_time_bar.html b/examples/timeline/07_custom_time_bar.html index 07ebe3cf..d40b76fc 100644 --- a/examples/timeline/07_custom_time_bar.html +++ b/examples/timeline/07_custom_time_bar.html @@ -34,7 +34,7 @@