Highcharts Demo

author(s): Torstein Hønsi

by Black Label

HTML

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

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

CSS

#container {
  min-width: 310px;
  max-width: 800px;
  height: 400px;
  margin: 0 auto
}

JavaScript

Highcharts.chart('container', {
  series: [{
    data: [{
        x: 1558648800,
        y: 10256,
        myData: 'Message 1'
      },
      {
        x: 1558648801,
        y: 10258,
        myData: 'Message 2'
      },
      {
        x: 1558648802,
        y: 10259,
        myData: 'Message 3'
      }
    ]
  }],
  tooltip: {
    formatter: function() {
      return 'Extra data: <b>' + this.point.myData + '</b>';
    }
  },
  xAxis: [{
    type: 'datetime'
  }]
});