|
@ -97,15 +97,15 @@ bower install vis |
|
|
// DOM element where the Timeline will be attached |
|
|
// DOM element where the Timeline will be attached |
|
|
var container = document.getElementById('mytimeline'); |
|
|
var container = document.getElementById('mytimeline'); |
|
|
|
|
|
|
|
|
// Create data |
|
|
|
|
|
var data = [ |
|
|
|
|
|
|
|
|
// Create a DataSet with data (enables two way data binding) |
|
|
|
|
|
var data = new vis.DataSet([ |
|
|
{id: 1, content: 'item 1', start: '2013-04-20'}, |
|
|
{id: 1, content: 'item 1', start: '2013-04-20'}, |
|
|
{id: 2, content: 'item 2', start: '2013-04-14'}, |
|
|
{id: 2, content: 'item 2', start: '2013-04-14'}, |
|
|
{id: 3, content: 'item 3', start: '2013-04-18'}, |
|
|
{id: 3, content: 'item 3', start: '2013-04-18'}, |
|
|
{id: 4, content: 'item 4', start: '2013-04-16', end: '2013-04-19'}, |
|
|
{id: 4, content: 'item 4', start: '2013-04-16', end: '2013-04-19'}, |
|
|
{id: 5, content: 'item 5', start: '2013-04-25'}, |
|
|
{id: 5, content: 'item 5', start: '2013-04-25'}, |
|
|
{id: 6, content: 'item 6', start: '2013-04-27'} |
|
|
{id: 6, content: 'item 6', start: '2013-04-27'} |
|
|
]; |
|
|
|
|
|
|
|
|
]); |
|
|
|
|
|
|
|
|
// Configuration for the Timeline |
|
|
// Configuration for the Timeline |
|
|
var options = {}; |
|
|
var options = {}; |
|
@ -224,6 +224,12 @@ The source code of the examples can be found in the |
|
|
<div>navigation menu</div> |
|
|
<div>navigation menu</div> |
|
|
</a> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="thumb"> |
|
|
|
|
|
<a href="examples/timeline/17_data_serialization.html"> |
|
|
|
|
|
<img src="img/gallery/timeline/17_data_serialization.png"> |
|
|
|
|
|
<div>data_serialization</div> |
|
|
|
|
|
</a> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<h3 id="graph">Graph</h3> |
|
|
<h3 id="graph">Graph</h3> |
|
|