title: Set navigator min zoom
body: <p>I'm trying to set the min zoom (max range) of my chart. Basically I'm trying to do the opposite of the minRange property. I'm struggling for a while with this problem. I have a "<a href="http://jsfiddle.net/Teles/4k1ubzto/" rel="nofollow">solution</a>", but I don't like it, this solution allow the user to choose a range greater then the "max range", and immediately correct it.</p>
  
  <blockquote>
    <p><strong>POSSIBLE SOLUTION</strong></p>
  </blockquote>
  
  <pre><code>$(function() {
  
      var lastMin;
      var lastMax;
      var maxRange = 12 * 30 * 24 * 3600 * 1000; //12 month
  
      $('#container').highcharts('StockChart', {
          scrollbar: {
              liveRedraw: false
          },
  
          xAxis: {
              events: {
                  afterSetExtremes: function(e) {
                      var max = this.max,
                          min = this.min;
  
                      if (lastMin &amp;&amp; lastMax) {
                          if(max-min &gt; maxRange) {
                              if (min &lt; lastMin) {
                                  min = max - maxRange;
                              } else {
                                  max = min + maxRange;
                              }
                          }
                      }
  
                      var x = this;
                      setTimeout(function(){ 
                          x.setExtremes(min,max); //chart xAxis
                      }, 1);
  
                      lastMin = min;
                      lastMax = max;
                  }
              }
          },
          rangeSelector: {
              selected: 1
          },
          series: [{
              name: 'USD to EUR',
              data: usdeur
          }]
      });
  });
  </code></pre>
  
  <p>I want to block the user from choosing a range greater than the allowed, in other words, block the navigator when it's too big</p>
  
  <p>I'm also following this <a href="https://github.com/highslide-software/highcharts.com/issues/2017" rel="nofollow">issue</a>, I tried all the proposed solution, but I'm having errors ("Uncaught ReferenceError: Highcharts is not defined")</p>