How to dynamically change the position of X-Axis or Y-Axis in an HTML5 Chart

Requirement:

How to dynamically change the position of the X-Axis or Y-Axis in an HTML5 Chart. For example, for a spline chart, the requirement is to change the Y-Axis position based on new data added in the database. 

Solution:

You can use the 'yAxis.offset' which moves the y-axis horizontally away or towards the plot area. You would have to use an expression for the chart properties.  Please see attached screenshot:

This is the jsfiddle example:

http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/yaxis/offset/