Vis Js Timeline prova

by John Galassi

HTML

<script src="https://visjs.github.io/vis-timeline/standalone/umd/vis-timeline-graph2d.min.js"></script>
<link rel="stylesheet" href="https://visjs.github.io/vis-timeline/styles/vis-timeline-graph2d.min.css">
<body><div id="visualization">Timeline di prova</div></body>

CSS

body, html {
      font-family: sans-serif;    }

JavaScript

// DOM element where the Timeline will be attached
  var container = document.getElementById('visualization');
	var options = {};

  // Create a DataSet (allows two way data-binding)
  var items = new vis.DataSet([
    {id: 1, content: 'Evento 1', start: '2013-04-20'},
    {id: 2, content: 'Evento 2', start: '2013-04-14'},
    {id: 3, content: 'Evento 3', start: '2013-04-18'},
    {id: 4, content: 'Evento 4', start: '2013-04-16', end: '2013-04-19'},
    {id: 5, content: 'Evento 5', start: '2013-04-25', end: '2013-05-25'},
    {id: 6, content: 'Evento 6', start: '2013-04-27'}
  ]);

  // Create a Timeline
  var timeline = new vis.Timeline(container, items, options);