Highcharts Align Axis Values Left for Data Values 0

Align Axis Values Left for Data Values 0, jQuery 1.9.1, HTML, CSS, JavaScript

by Sayham Chowdhury

HTML

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

<div id="container" style="height: 400px"></div>

JavaScript

$(function() {
  var chart = new Highcharts.Chart({
    chart: {
      renderTo: 'container',
      type: 'bar',
      events: {
        load: function () {
        	var extremes = this.yAxis[0].getExtremes();
          if (extremes.dataMax === 0) {
          	extremes.max = 1;
            this.yAxis[0].setExtremes(0, 1);
          }
        }
      }
    },
    
    xAxis: {
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    plotOptions: {
      series: {
        cursor: 'pointer'
      }
    },

    series: [{
      data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
    }]
  });
});