title: Highcharts 3D Pie
body: <p>I drew a pie chart with <code>highcharts</code>, but in 3D mode my labels are separated from the chart.
  You can see this <a href="http://jsfiddle.net/andynedine/8cK3M/3/" rel="nofollow">jsfiddle</a>. 
  If you change <code>x</code> and <code>y</code> values from <code>dataLabels</code> and run the example, you get the same result. The labels aren´t moved. Why? Do I need to define any parameter? With normal mode It works, but with 3D mode....BREAK!!</p>
  
  <pre><code>$(function () {
      $('#container').highcharts({
          chart: {
              type: 'pie',
              options3d: {
                  enabled: true,
                  alpha: 45,
                  beta: 0
              }
          },
          title : {
              text : 'Test'
          },
          tooltip : {
              pointFormat: 'Value: &lt;b&gt;{point.percentage:.1f}%&lt;/b&gt;'    
          },
          credits: {
              enabled: false
          },
          plotOptions: {
              pie: {
                  allowPointSelect: true,
                  depth: 35,
                  cursor: 'pointer',
                  dataLabels: {
                      enabled: true,
                      align: 'left',
                      format: '{point.name}',
                      connectorWidth: 5,
                      x:100,
                      y:300
                  }
              }
          },
          series: [{
              name: 'Test - Levels',
              data: [
                  ['Some Text Level 1', 74.25], 
                  ['Some Text Level 2', 17.82], 
                  ['Some Text Level 3', 7.92]
              ]
          }]
      });
  });
  </code></pre>
  
  <p><strong>UPDATED:</strong></p>
  
  <p>Bug found in <code>HighCharts v4.0.1</code></p>
  
  <p>BUG FIXED in <code>HIGHCHARTS v4.0.3</code></p>