Highcharts Demo

author(s): Torstein Hønsi

by Geo George

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 300px"></div>

JavaScript

Highcharts.chart('container', {

  chart: {
    type: 'column',
  },

  xAxis: {
    categories: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
    plotBands: [{
      value: 1,
      borderStyle: 'solid',
      borderWidth: 1,
      borderColor:'red',
      width: 40,
      color: 'transparent',
      label:{
      	text: "jw sdf "
      },
      events: {
        mouseover: function() {
          return this.svgElem.attr('stroke', 'red')
        },

        mouseout: function() {
          return this.svgElem.attr('stroke', this.options.color)
        }
      }
    }],
  },

  series: [{
    name: 'Previous year',
    data: [8478, 5788, 8671, 5386, 5050, 9530, 7536, 7448, 6165, 9301, 8821, 8790]
  }, {
    name: 'Curent year',
    data: [4380, 7535, 8974, 6291, 4295],
  }]

});