title: Decrease distance between point in highchart
body: <p>I'm tryng to decrease distance between data points on the chart below code is from highcharts example</p>
  
  <pre><code>$(function () {
  $(document).ready(function() {
      Highcharts.setOptions({
          global: {
              useUTC: false
          }
      });
  
      var chart;
      $('#container').highcharts({
          chart: {
              type: 'spline',
              animation: Highcharts.svg, // don't animate in old IE
              marginRight: 5,
              events: {
                  load: function() {
  
                      // set up the updating of the chart each second
                      var series = this.series[0];
                      setInterval(function() {
                          var x = (new Date()).getTime(), // current time
                              y = Math.random();
                          series.addPoint([x, y], true, true);
                      }, 1000);
                  }
              }
          },
          title: {
              text: 'Live random data'
          },
          xAxis: {
              type: 'datetime',
              tickPixelInterval: 50 // here i wanted to decerease bu it does not work
          },
          yAxis: {
              title: {
                  text: 'Value'
              },
              plotLines: [{
                  value: 0,
                  width: 0.1,
                  color: '#808080'
              }]
          },
          tooltip: {
              formatter: function() {
                      return '&lt;b&gt;'+ this.series.name +'&lt;/b&gt;&lt;br/&gt;'+
                      Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) +'&lt;br/&gt;'+
                      Highcharts.numberFormat(this.y, 2);
              }
          },
          legend: {
              enabled: false
          },
          exporting: {
              enabled: false
          },
          series: [{ // series with random data
              name: 'Random data', // may be here 
              data: (function() {
                  // generate an array of random data
                  var data = [],
                      time = (new Date()).getTime(),
                      i;
  
                  for (i = -19; i &lt;= 0; i++) {
                      data.push({
                          x: time + i * 1000,
                          y: Math.random()
                      });
                  }
                  return data;
              })()
          }]
      });
  });
  
    });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/V9BV4/" rel="nofollow">http://jsfiddle.net/V9BV4/</a></p>
  
  <p>Is it possible to make? I need to zoom out xAxis or decrease distance between dots on line</p>