HighStock : Remove Zoom bar

Question

I want to remove the parts of the highStock as shown in the picture. They dont make sense in my data formatting . Please help

Answer 1

Here you are: http://jsfiddle.net/cpvLzLso/

rangeSelector: {
    selected: 4,
    inputEnabled: false,
    buttonTheme: {
        visibility: 'hidden'
    },
    labelStyle: {
        visibility: 'hidden'
    }
}

We are simply hiding all texts and buttons.

And user is able to change default chart interval by changing a selected parameter in rangeSelector settings group.

But you'd better use a Jugal's solution if you don't need to disable navigator bar.

UPD 1: Updated on 23/06/15 to meet today's realities. To all of you who downvoting this answer: try to disable a navigator in Jugal's answer and then pan a chart.

Answer 2

Highchart supports this out of the box by setting the enabled property of the rangeSelector to false as follows

rangeSelector:{
    enabled:false
}

disabled RangeSelector @ jsFiddle

Answer 3

If you want to remove the "From to" boxes you can do like this:

rangeSelector:{
   inputEnabled: false,
}

If you want to remove every range selector you have to write that row:

rangeSelector:{
    enabled: true,
}

And if you want to do the zoom buttons disabled, you have to write this

rangeSelector:{
    allButtonsEnabled: true,
}