Highcharts Demo

author(s): Torstein Hønsi

by Kesav Telaprolu

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/annotations.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="height: 400px; min-width: 380px"></div>

CSS

@import 'https://code.highcharts.com/css/highcharts.css';
#container {
    max-width: 800px;
    height: 400px;
    margin: 1em auto;
}

.climb text {
	fill: gray;
	font-weight: normal;
}

JavaScript

// Data generated from http://www.bikeforums.net/professional-cycling-fans/1113087-2017-tour-de-france-gpx-tcx-files.html
var elevationData = [
    [0.0, 225],
    [0.1, 226],
    [0.2, 228],
    [0.3, 228],
    [0.4, 229],
    [0.5, 229],
    [0.6, 230],
    [0.7, 234],
    [0.8, 235],
    [0.9, 236],
    [1.0, 235],
    [1.1, 232],
    [1.2, 228],
    [1.3, 223],
    [1.4, 218],
    [1.5, 214],
    [1.6, 207],
    [1.7, 202],
    [1.8, 198],
    [1.9, 196],
    [2.0, 197],
    [2.1, 200],
    [2.2, 205],
    [2.3, 206],
    [2.4, 210],
    [2.5, 210],
    [2.6, 210],
    [2.7, 209],
    [2.8, 208],
    [2.9, 207],
    [3.0, 209],
    [3.1, 208],
    [3.2, 207],
    [3.3, 207],
    [3.4, 206],
    [3.5, 206],
    [3.6, 205],
    [3.7, 201],
    [3.8, 195],
    [3.9, 191],
    [4.0, 191],
    [4.1, 195],
    [4.2, 199],
    [4.3, 203],
    [4.4, 208],
    [4.5, 208],
    [4.6, 208],
    [4.7, 208],
    [4.8, 209],
    [4.9, 207],
    [5.0, 207],
    [5.1, 208],
    [5.2, 209],
    [5.3, 208],
    [5.4, 210],
    [5.5, 209],
    [5.6, 209],
    [5.7, 206],
    [5.8, 207],
    [5.9, 209],
    [6.0, 211],
    [6.1, 206],
    [6.2, 201],
    [6.3, 199],
    [6.4, 200],
    [6.5, 202],
    [6.6, 203],
    [6.7, 202],
    [6.8, 204],
    [6.9, 206],
    [7.0, 208],
    [7.1, 205],
    [7.2, 202],
    [7.3, 198],
    [7.4, 198],
    [7.5, 198],
    [7.6, 198],
    [7.7, 198],
    [7.8, 199],
    [7.9, 197],
    [8.0, 194],
    [8.1, 194],
    [8.2, 195],
    [8.3, 195],
    [8.4, 196],
    [8.5, 192],
    [8.6, 200],
    [8.7, 197],
    [8.8, 194],
    [8.9, 194],
    [9.0, 193],
    [9.1, 192],
    [9.2, 192],
    [9.3, 193],
    [9.4, 191],
    [9.5, 191],
    [9.6, 193],
    [9.7, 193],
    [9.8, 194],
    [9.9, 192],
    [10.0, 192],
    [10.1, 192],
    [10.2, 192],
    [10.3, 192],
    [10.4, 193],
    [10.5, 193],
    [10.6, 193],
    [10.7, 193],
    [10.8, 194],
    [10.9, 194],
    [11.0, 194],
    [11.1, 195],
    [11.2, 194],
    [11.3, 194],
    [11.4,...