title: Angular HighCharts 3D , connectors not adjusting correct when alpha value is changed for 3d pie and donut charts
body: <p>I have enabled 3d for my pie chart and donut chart. When i change the <strong>alpha</strong> angle of the charts the connectors to labels starts distorting and they don't point to the right sections of the chart.</p>
  
  <p>Below is some part from my code please help me identify the possible issue:</p>
  
  <pre><code>import { Highcharts,Chart } from 'angular-highcharts';
  declare var require: any;
  require('highcharts/highcharts-3d')(Highcharts);
  
  const chart = new Chart(&lt;any&gt;{
  chart: {
          type: 'pie',
          options3d: {
            enabled: true,
            alpha: 50,
            beta: 0
          },
    },
  
  plotOptions: {
          pie: {        
            depth: 50,
            allowPointSelect: true,
            cursor: 'pointer',
            showInLegend: true,
            dataLabels: {
              align: 'right',
              color: '#294469',
              shadow: false,
              x: -10,
              enabled: true,
              inside:true,
              formatter: labelFormatterFunction,
              connectorWidth: 1,
            },
  
          }
  }
  </code></pre>
  
  <p><strong>Reference chart samples</strong>
  <a href="https://i.stack.imgur.com/lUAsA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lUAsA.png" alt="Reference chart samples"></a></p>
  
  <p><strong><em>highcharts-3d</strong> version 0.1.7</em></p>
  
  <p><strong><em>highcharts</strong> version 6.2.0</em></p>
  
  <p>P.S: Same chart works fine in JSFiddle</p>