title: Displays Highcharts with portion of given data
body: <p>So i'm using "Stacked Column", given this example</p>
  
  <pre><code>$("#chart_container").highcharts({
    chart: {
      type: 'column'
    },
    xAxis: {
      categories: ['one', 'two', 'three', 'four', 'five', 'six']
    },
    series: [{
      name: 'red',
      data: [1,1,22,4,2,5]
    }]
  })
  </code></pre>
  
  <p>So the scenario is to display only <strong>two</strong>, <strong>three</strong>, <strong>four</strong> on the chart , then whenever user click on <strong>left</strong>/<strong>right</strong> arrows , the data will be shifted left or right.
  For example , when user click the left arrow, the chart will display <strong>one</strong>, <strong>two</strong>, <strong>three</strong></p>
  
  <p>Is there anyway we can achieve this with Highcharts itself? ( without any custom javascript added ) </p>