[Solved]-Highstocks - How to change the default Zoom-Highcharts

You can change it by the following code:

new Highcharts.StockChart({
    .
    .
    .
    rangeSelector: {
        selected: 0
    }
});

You can take a look the following example: http://jsfiddle.net/QnvrR/.

The default buttons are:

buttons: [{
    type: 'month',
    count: 1,
    text: '1m'
}, {
    type: 'month',
    count: 3,
    text: '3m'
}, {
    type: 'month',
    count: 6,
    text: '6m'
}, {
    type: 'ytd',
    text: 'YTD'
}, {
    type: 'year',
    count: 1,
    text: '1y'
}, {
    type: 'all',
    text: 'All'
}]

So, you have to change the number of the selected according to what you want.

Reference

• http://api.highcharts.com/highstock#rangeSelector.buttons