Highcharts Demo

author(s): Torstein Hønsi

by grant

HTML

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

<div id="container" style="height: 300px; margin-top: 2em"></div>

JavaScript

$(function () {
    Highcharts.chart('container', {

      title: {
        text: 'Extra data in points'
      },
        
      tooltip: {
        formatter: function() {
          return 'Extra data: <b>' + this.point.myData + '</b>';
        }
      },

      series: [ {
        name: 'Foo',
        data: [
          {
            y : 3,
            myData : 'firstPoint'
          },
          {
            y : 7,
            myData : 'secondPoint'
          },
          {
            y : 1,
            myData : 'thirdPoint'
          }
]}         
});