Browse Source

Added example 17 to gallery. Using DataSet now in frontpage example

gh-pages
jos 10 years ago
parent
commit
d5289a74af
2 changed files with 9 additions and 3 deletions
  1. BIN
      img/gallery/timeline/17_data_serialization.png
  2. +9
    -3
      index.html

BIN
img/gallery/timeline/17_data_serialization.png View File

Before After
Width: 813  |  Height: 584  |  Size: 58 KiB

+ 9
- 3
index.html View File

@ -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>

Loading…
Cancel
Save