Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/stock/modules/exporting.js"></script>


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

JavaScript

// Create the chart
$(function() {
    Highcharts.stockChart('container', {
        series: [{
        		type: 'scatter',
            name: 'Demo scatter overlap',
            data: [{x: 1500052112000, y: 5}, {x: 1500052112000, y: 5.1}, {x: 1500052118000, y: 15.1}, {x: 1500052118000, y: 15.2}]
        }],
        xAxis: {
          min: 1500052109000,
          max: 1500052119000,
          type: "datetime"
        },
        plotOptions: {
          series: {
            point: {
              events: {
                click: (event) => {
                  alert('clicked ' + event.point.y);
                }
              }
            }
          }
        }
    });
})