[Solved]-Highcharts: Ensure y-Axis 0 value is at chart bottom-Highcharts

Just add "min" option

yAxis: {
   min: 0
}

For Highcharts 5.x.x, you should be able to just specify:

yAxis: {
  softMin: 0,
  softMax: 1,
};

This won't work for line chart, which requires that you also set minRange in the same config object as above. Experiment with different values, since defining for example minRange: 6, created a range on yAxis between 0 and 4.

minRange : 1 or whatever you feel so to be displayed in fractions of
softMax : 100 or whatever you feel so

yAxis: {
         minRange : 1,
         softMax: 100
       }

Here is a fix I came up with that doesn't require any preprocessing of the data and just let highcharts do it, like it used to before the update. http://jsfiddle.net/QEK3x/

if(chart.yAxis[0].dataMax === 0)
{
   chart.yAxis[0].setExtremes(0, 5);
}

You only need to check the first series axis, as if the first one is not 0 then the problem won't occur. I might submit a pull request for this to high-charts, though I kinda feel like they intended for this functionality for some reason.

Since Highcharts 5.0.1, you can also use softMax.

softMax: Number
A soft maximum for the axis. If the series data maximum is greater than this, the axis will stay at this maximum, but if the series data maximum is higher, the axis will flex to show all data.

yAxis: {
    min: 0,
    softMax: 100,
    ...
}

Here is an example with a column chart : http://jsfiddle.net/84LLsepj/

Note that currently, in Highcharts 5.0.7, it doesn't seem to be working for all types of charts. As you can see in this other jsfiddle, it doesn't work with line chart.

I had also posted this to the HighCharts forum, where I got a response that seems to work. Unfortunately, it will involve me doing some pre-processing of the data prior to rendering the charts in order to check for all "0" data values... but it'll work. Just wish there was something more "built-in" to HighCharts.

So after summing up the "y" values, if I get 0, the y-axis properties should look like this:

yAxis: {
    minPadding: 0, 
    maxPadding: 0,         
    min: 0, 
    max:1,
    showLastLabel:false,
    tickInterval:1,
    title: {
            text: ""
    }
}

See: http://jsfiddle.net/KM2Jx/2/

The keys seem to be the "max" and "showLastLabel" properties.

I've found another (and very simple) solution:

You can set y-axis minRange property:

yAxis: {
    ...
    minRange : 0.1
}

This makes Highcharts render yAxis min and max values when all data is 0.

UPDATE:

Highcharts 4.1.9 fix also needs:

        plotOptions: {
            line: {
                softThreshold: false
            }
        }

updated js fiddle