Highcharts Demo

author(s): Torstein Hønsi

by hakan

HTML

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

<div id="container" style="height: 400px; margin-left:100px"></div>

JavaScript

Highcharts.chart('container', {

  xAxis: {
      //crosshairs: true,
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul',
      'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
    ]
  },
  plotOptions: {
    series: {
      connectNulls: false
    }
  },
  tooltip: {
    //shared: true,
    crosshairs: true,
    //positioner: function(labelWidth, labelHeight, point) {
    //console.log(labelWidth,labelHeight, point.plotX, point.plotY);
    //  var x;
    //  if (point.plotX - labelWidth / 2 > 0) {
    //    x = point.plotX - labelWidth / 2;
    //  } else {
    //    x = 0
    //  }
    //  return {
    //    x: x,
    //    y: 5	//point.plotY - labelHeight,
    //  }
    //},
  },
  series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
  }, {
    data: [216.4, 194.1, 95.6, 54.4, 29.9, null, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5]
  }]
});