Highcharts bar reversed yaxis

by sridhar reddy

HTML

<script src="https://code.highcharts.com/highcharts.js" type="text/javascript"></script>
<script src="https://code.highcharts.com/highcharts-more.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<div id='chart'>
</div>

JavaScript

var chartOptions = {
  chart: {
    renderTo: 'chart',
    type: 'column',
  },
  yAxis: [{
    reversed: false
  }],
  xAxis: {
    reversed: true
  },
  series: [{
    data: [1, 2, 3, 4, 5, 6, 7, 8],
  }, {
  	inverted: true,
    data: [2, 4, 6, 8, 10, 12, 14, 16],
  }]
}

$(document).ready(function() {
  var chart = new Highcharts.Chart(chartOptions);
});