CODEWITHSUNDEEP
jqueryhighcharts
GDP
GDP

Reputation: 8178

Highstocks - How to change the default Zoom

This question results from hours of googling highstocks, zoom, extremes, ranges, and every other possible variation of the words, all resulting in some variation of custom functions for high charts answers.

Is there a way to simply change the default zoom to 1 month instead of 3 months in HighStocks (not HighCharts) without writing a function to calculate what it happens to be?

enter image description here

Upvotes: 24

Views: 20257

Answers (2)

Luca
Luca

Reputation: 21

The zoom Links are index of an array, so if you want select the default render, set this params: rangeSelector: { selected: index_of_array }, in my case for select "all" have setted selected: 5

Upvotes: 0

Ricardo Lohmann
Ricardo Lohmann

Reputation: 26310

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

Upvotes: 57

Related Questions