We might need to alter the existing properties of the chart at various occasions after the initialization. For that purpose, Highcharts provides methods for each of its components. In the following examples, we will change various chart properties using the method that Highcharts provides.
Currently, the extreme values on the yAxis component are 0 and 6K, respectively. We can change them programmatically using the Axis.setExtremes() method.
Instead of adding a button in HTML and then setting values upon its click, it will be faster to use the developer tools' console as our playground.
We first need to get a reference to the chart object; we can do so using the following code:
var chart = $( '#energy_consumption' ).highcharts();
We can now navigate the chart object hierarchy and call various methods using the chart variable:
chart.yAxis[0].setExtremes(0, 10000);
Since each chart can contain multiple x and y axes, we used...