html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

  var chart = anychart.timeline();

​

  var rangesData = [

    ['Spirit Mars rover', Date.UTC(2004,0,4), Date.UTC(2010,2,22)],

    ['Opportunity Mars rover', Date.UTC(2004,0,25), Date.UTC(2018,5,10)],

    ['Mars Science Laboratory (Curiosity rover)', Date.UTC(2012,7,6)]

  ];

​

  var spiritMoments = [

    [Date.UTC(2004,1,6), 'First intentional grinding of a rock'],

    [Date.UTC(2005,2,9), 'Dust devil cleaned solar panels'],

    [Date.UTC(2009,4,1), 'Stuck in the sand trap']

  ];

​

  var oppyMoments = [

    [Date.UTC(2004,1,17), 'Digs hole with his wheel'],

    [Date.UTC(2005,0,14), 'Found meteorite'],

    [Date.UTC(2006,8,26), 'Reached Victoria crater'],

    [Date.UTC(2009,9,10), 'Found vulcanic rock'],

    [Date.UTC(2014,6,28), 'Drove more than 40 kilometers'],

    [Date.UTC(2018,5,1), 'Got caught in global sand storm']

  ];

​

  var curiosityMoments = [

    [Date.UTC(2012, 7, 22), 'Started driving'],

    [Date.UTC(2014, 8, 1), 'Reached Mount Sharp'],

    [Date.UTC(2018, 10, 26), 'Spotted shiny object']

  ];

​

  var rangesSeriesRovers = chart.range(rangesData).name('Mars rovers');

  var spiritMomentsSeries = chart.moment(spiritMoments).name('Spirit rover');

  var oppyMomentsSeries = chart.moment(oppyMoments).name('Opportunity rover');

  var curiosityMomentsSeries = chart.moment(curiosityMoments).name('Curiosity rover');

​

  //configure text marker using object

  chart.textMarker(0, {value: Date.UTC(2018, 5, 10), text: 'Global sand storm'});

  chart.textMarker(1, {value: Date.UTC(2018, 4, 24), text: 'Local sand storm'});

​

  //disable local sand storm text marker

  chart.textMarker(1, false);

​

  chart.rangeMarker(0, {from: Date.UTC(2018, 5, 1), to: Date.UTC(2018, 5, 22), fill: 'red 0.5'});

  chart.rangeMarker(1, {from: Date.UTC(2018, 4, 20), to: Date.UTC(2018, 5, 1), fill: 'green 0.5'});

​

  chart.container('container').draw();

​

  chart.zoomTo(Date.UTC(2018, 4, 1), Date.UTC(2018, 6, 20));

});