Vēsture

My gadgets Documentation: https://developers.google.com/chart/interactive/docs/gallery/timeline

by mikslatvis

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
       <div id="timeline" style="height: 970px; width: 100vw;"></div>

JavaScript

var today = new Date();
var dd = today.getDate();
var mm = today.getMonth(); //January is 0!
var yyyy = today.getFullYear();


google.charts.load("current", {
  packages: ["timeline"]
});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {

  var container = document.getElementById('timeline');
  var chart = new google.visualization.Timeline(container);
  var dataTable = new google.visualization.DataTable();
  dataTable.addColumn({
    type: 'string',
    id: 'Position'
  });
  dataTable.addColumn({
    type: 'string',
    id: 'Name'
  });
  dataTable.addColumn({
    type: 'date',
    id: 'Start'
  });
  dataTable.addColumn({
    type: 'date',
    id: 'End'
  });
  dataTable.addRows([
    ['Dzīvesvieta', 'Latvija', new Date(2002, 5, 27), new Date(2011, 6, 30)],
    ['Dzīvesvieta', 'Kambodža, Pnompeņa', new Date(2011, 6, 30), new Date(2015, 5, 15)],
    ['Dzīvesvieta', 'Latvija', new Date(2015, 5, 15), new Date(2016, 8, 30)],
    ['Dzīvesvieta', 'Japāna, Yokohama', new Date(2016, 8, 30), new Date(2019, 11, 1)],
    ['Dzīvesvieta', 'Latvija, Sigulda', new Date(2019, 11, 2), new Date(today)],
    ['Ģimenes transporta līdzeklis', 'Alfa Romeo 147', new Date(2008, 8, 22), new Date(2015, 6, 20)],
    ['Ģimenes transporta līdzeklis', 'Honda SuperCub', new Date(2012, 7, 27), new Date(2015, 5, 15)],
    ['Ģimenes transporta līdzeklis', 'Honda SuperCub (dzīvo Latvijā, tiek katru vasaru darbināts priekam)', new Date(2015, 5, 15), new Date(today)],
    ['Ģimenes transporta līdzeklis', 'Toyota Verso', new Date(2019, 11, 3), new Date(today)],
    ['Fotoaparāts', 'Panasonic Lumix DMC-FZ30, tagad lieto kāds no radiem', new Date(2006, 3, 30), new Date(today)],
    ['Fotoaparāts', 'Canon 450D kādus gadus lietoju paralēli Sony, tagad krāj putekļus', new Date(2009, 2, 4), new Date(today)],
    ['Fotoaparāts', 'Sony NEX-6', new Date(2013, 11, 30), new Date(today)],
    ['Dators', 'iMac 27"', new Date(2010, 8, 22), new Date(2011, 5, 20)],
    ['Dators', 'MacBook Air 13"...