How to disable range selector from highstocks charts

Question

I'm trying to disable the from - to range selector that comes by default in highstocks. Looked up the api documentation but didn't find a solution. Thanks for the support!

Answer 1

The accepted answer will only disable the Range Selector;

If you want to remove it completely, you need:

 rangeSelector: {
    enabled: false
},

Answer 2

In your chart config, set rangeSelector.inputEnabled false.

Answer 3

you can use add inputEnabled:false

rangeSelector : {
   inputEnabled:false
},

Answer 4

You can use for StockChart just like below:

this.chartData = new StockChart({
  title: {
    text: 'Data Chart'
  },
  rangeSelector: {
    selected: 0,
    inputEnabled: false
  },
  series: [{
    tooltip: {
      valueDecimals: 2
    },
    name: 'Chart',
    data: [],
    type: undefined
  }]
});