Highcharts Demo

author(s): Øystein Moseng Torstein Hønsi

by Michel Penke

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.3.6/proj4.js"></script>
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/maps/modules/map.js"></script>
<script src="https://code.highcharts.com/modules/data.js"></script>
<script src="https://code.highcharts.com/mapdata/countries/in/in-all.js"></script>

<div id="chart-container" style="height: 300px;"></div>
<pre id="csv" style="display: none">DateTime LAT LONG FM BM EM
5/29/2006/23:30 18.82749939 72.80466461 1 0 0
5/30/2006/0:30 18.82710838 72.80729675 8 0 0
5/30/2006/0:30 18.82709694 72.80731201 8 0 0
5/30/2006/0:30 18.82718086 72.80674744 8 0 0
5/30/2006/0:30 18.82727051 72.80609894 8 0 0
5/30/2006/0:30 18.82726479 72.80614471 8 0 0
5/30/2006/0:30 18.82722092 72.80643463 8 0 0
5/30/2006/0:30 18.82734489 72.80561066 8 0 0
5/30/2006/0:30 18.82740784 72.80521393 8 0 0
5/30/2006/1:30 18.82667542 72.80961609 18 0 1
5/30/2006/1:30 18.82637596 72.81101227 18 0 1
5/30/2006/1:30 18.82644081 72.81054688 18 0 1
5/30/2006/1:30 18.82683182 72.80836487 18 0 1
5/30/2006/1:30 18.82659531 72.80952454 18 0 1
5/30/2006/1:30 18.82675934 72.80878448 18 0 1
5/30/2006/1:30 18.82674789 72.80873871 18 0 1
5/30/2006/1:30 18.82682991 72.80815125 18 0 1
5/30/2006/1:30 18.82684517 72.8080368 18 0 1
5/30/2006/1:30 18.82679558 72.8082428 18 0 1
5/30/2006/1:30 18.82686043 72.80799103 18 0 1
5/30/2006/1:30 18.82713509 72.80649567 18 0 1
5/30/2006/1:30 18.82696152 72.80734253 18 0 1
5/30/2006/1:30 18.82687378 72.80779266 18 0 1
5/30/2006/1:30 18.82722855 72.80597687 18 0 1
5/30/2006/1:30 18.8271122 72.80654144 18 0 1
5/30/2006/1:30 18.82725525 72.80582428 18 0 1
5/30/2006/1:30 18.82736778 72.80529785 18 0 1
5/30/2006/1:30 18.82736778 72.80528259 18 0 1
5/30/2006/2:30 18.82667542 72.80961609 26 0 3
5/30/2006/2:30 18.82552719 72.81438446 26 0 3
5/30/2006/2:30 18.82569885 72.81347656 26 0 3
5/30/2006/2:30 18.8259716 72.8119812 26 0 3
5/30/2006/2:30 18.82566452 72.81338501...

JavaScript

Highcharts.stockChart('chart-container', {
  chart: {
    type: 'scatter'
  },
  title: {
    text: 'Chart'
  },
  credits: {
    enabled: false
  },
  data: {
    csv: document.getElementById('csv').innerHTML,
    itemDelimiter: ' ',
    parsed: function(e) {
      this.columns.splice(65, 1);
    }
  }
});