Highcharts Demo Time line series, space time line

author(s): Mustapha Mekhatria

by Gert Vaartjes

HTML

<script src="https://github.highcharts.com/02ea1108c1a4463ce74ae05bfaa2c0b0420586cd/highcharts.js"></script>
<script src="https://github.highcharts.com/02ea1108c1a4463ce74ae05bfaa2c0b0420586cd/modules/timeline.js"></script>

<div id="container"></div>

CSS

#container {
  min-width: 320px;
  max-width: 800px;
  margin: 0 auto;
}

JavaScript

Highcharts.chart('container', {
  chart: {
    type: 'timeline'
  },
  title: {
    text: 'Timeline of Space Exploration'
  },
  series: [{
    data: [{      
      label: '1951: First dogs in space',
      description: '22 July 1951	First dogs in space (Dezik and Tsygan) ',
    }, {
      label: '1957: First artificial satellite',
      description: '4 October 1957	First artificial satellite. First signals from space.'
    }, {
      label: '1961: First human spaceflight (Yuri Gagarin)',
      description: 'First human spaceflight (Yuri Gagarin), and the first human-crewed orbital flight'
    }, {
      label: '1969: First human on the Moon',
      description: 'First human on the Moon, and first space launch from a celestial body other than the Earth. First sample return from the Moon'
    }]
  }]

});