title: How to allow scrolling both vertically and horizontally in Highcharts?
body: <p>I am trying to make a chart which has dynamic number of items in both X and Y axes using Highcharts (<code>highcharts-angular</code> as wrapper) in Angular app.</p>
  
  <p>I would like to make it scrollable both horizontally and vertically using the browsers <code>scrollablePlotArea</code> (which provides native scrolling feature).</p>
  
  <p>I tried setting the required options as mentioned in <a href="https://api.highcharts.com/highcharts/chart.scrollablePlotArea" rel="nofollow noreferrer">Highcharts documentation</a>, and passed them to the chart. But the chart doesn't show two scrollbars at once.</p>
  
  <p>Below is a piece of sample code, I was working with:</p>
  
  <pre><code>chartOptions = {
    chart: {
      width: 400,
      height: 400,
      scrollablePlotArea: {
        minHeight: 800, 
        minWidth: 800
      }
    }
  }
  </code></pre>
  
  <p>But only the horizontal scrollbar shows up in this case. If I remove the <code>minWidth</code> property, then the vertical height shows up. I do know that <em>Highstock</em> does has support for scrolling, but I would like this to be implemented with Highcharts using the native scroll.</p>
  
  <p>Help me resolve this issue.</p>
  
  <p><strong>EDIT</strong>:
  Adding <a href="https://jsfiddle.net/aksn1t6f/" rel="nofollow noreferrer">fiddle</a> for reference</p>