title: How I can rotate a polar chart?
body: <p>I want a polar chart (with highcharts library), but I need the chart is rotated 45º. I have the following base script: </p>
  
  <pre><code>$(function () {
  
  var interval = 90;
  var startAngle = 0;
  
  window.chart = new Highcharts.Chart({
      chart: {
          renderTo: 'container',
          polar: true,
          margin: 60
      },
      title: {
          text: 'Style of thought',
      },
      pane: {
          startAngle: startAngle
      },
      xAxis: {
          tickmarkPlacement: 'on',
          startOnTick: true,
          tickInterval: interval,
          min: 0,
          max: 360
      },
      yAxis: {
          min: 0,
          max: 100
      },
      plotOptions: {
          series: {
              pointStart: 0,
              pointInterval: interval
          },
          column: {
              pointPadding: 0,
              groupPadding: 0
          }
      },
      series: [
          {
              type: 'area',
              name: 'Luis',
              data: [40, 60, 35, 89]
          }, {
              type: 'line',
              name: 'Media de comunidad',
              data: [60, 75, 15, 52]
          }]
      });
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/CL27V/1/" rel="nofollow">Example in jsfiddle</a> and the chart nice.</p>
  
  <p>I need to rotate the chart 45º, for this I change the value of  startAngle to 45 </p>
  
  <pre><code>$(function () {
  
  var interval = 90;
  var startAngle = 45;
  
  window.chart = new Highcharts.Chart({
      chart: {
          renderTo: 'container',
          polar: true,
          margin: 60
      },
      title: {
          text: 'Style of thought',
      },
      pane: {
          startAngle: startAngle
      },
      xAxis: {
          tickmarkPlacement: 'on',
          startOnTick: true,
          tickInterval: interval,
          min: 0,
          max: 360
      },
      yAxis: {
          min: 0,
          max: 100
      },
      plotOptions: {
          series: {
              pointStart: 0,
              pointInterval: interval
          },
          column: {
              pointPadding: 0,
              groupPadding: 0
          }
      },
      series: [
          {
              type: 'area',
              name: 'Luis',
              data: [40, 60, 35, 89]
          }, {
              type: 'line',
              name: 'Media de comunidad',
              data: [60, 75, 15, 52]
          }]
  });
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/CL27V/" rel="nofollow">Example 2 in jsfiddle</a> and now the chart is bad. If you see it, the center of the circle is not equidistant from the circumference.</p>
  
  <p>Any idea of the problem?</p>
  
  <p>Thank you very much!!</p>