Highcharts Demo

author(s): Torstein Hønsi

by sperske

HTML

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

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

CSS

#container {
    height: 400px;
    min-width: 360px;
    max-width: 600px;
    margin: 0 auto;
}
.highcharts-series-group:hover rect:not(.highcharts-point-hover) {
  opacity: 0.2
}

JavaScript

Highcharts.chart('container', {

  chart: {
    type: 'column'
  },

  title: {
    enabled: false
  },

  xAxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr']
  },

  tooltip: {
    shared: true
  },
  plotOptions: {
    column: {
      stacking: 'normal',
      dataLabels: {
        enabled: false
      },
      states: {
        inactive: {
          enabled: false
        },
        hover: {
          opacity: 1.0
        }
      }
    }
  },

  series: [{
    data: [1, 3, 2, 4]
  }, {
    data: [5, 3, 4, 2]
  }]
});