如何旋轉極座標圖？

Question

我想要一張極圖（帶有highcharts圖書館），但我需要圖表旋轉45º。我有以下基本腳本：

$(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] 
     }] 
    }); 
}); 

Example in jsfiddle和圖表很好。

我需要旋轉45度的圖表，爲了這個，我由startAngle的值更改爲45

$(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] 
     }] 
}); 
}); 

Example 2 in jsfiddle現在的圖表是壞的。如果你看到它，圓的中心與圓周不等距。

任何想法的問題？

非常感謝！

Answer 1

它看起來像一個錯誤，所以我報我們的開發人員在這裏：https://github.com/highslide-software/highcharts.com/issues/1561

感謝建議