Highcharts極地風玫瑰圖以梯形形式呈現

Question

我正在使用extjs和highcharts開發風玫瑰圖。我需要將數據顯示爲帶有直邊的梯形，而不是以弧作爲分隔符的默認顯示。這裏是什麼，我試圖做

我已經能夠整合highcharts使用JoeKuan

但是我不是在highcharts看到提供的包裝對象到我的應用程序的圖像文檔如何我可以配置極座標圖列到直邊段爲圖像中看到..

這裏是極座標圖的小提琴，因爲它的工作原理目前.. Fiddle

Highcharts.chart('container', { 
    data: { 
     table: 'freq', 
     startRow: 1, 
     endRow: 17, 
     endColumn: 7 
    }, 

    chart: { 
     polar: true, 
     type: 'column' 
    }, 

    title: { 
     text: 'Wind rose for South Shore Met Station, Oregon' 
    }, 

    subtitle: { 
     text: 'Source: or.water.usgs.gov' 
    }, 

    pane: { 
     size: '85%' 
    }, 

    legend: { 
     align: 'right', 
     verticalAlign: 'top', 
     y: 100, 
     layout: 'vertical' 
    }, 

    xAxis: { 
     tickmarkPlacement: 'on' 
    }, 

    yAxis: { 
     min: 0, 
     endOnTick: false, 
     showLastLabel: true, 
     title: { 
      text: 'Frequency (%)' 
     }, 
     labels: { 
      formatter: function() { 
       return this.value + '%'; 
      } 
     }, 
     reversedStacks: false 
    }, 

    tooltip: { 
     valueSuffix: '%' 
    }, 

    plotOptions: { 
     series: { 
      stacking: 'normal', 
      shadow: false, 
      groupPadding: 0, 
      pointPlacement: 'on' 
     } 
    } 
}); 

所有幫助非常感謝

麗莎

Answer 1

你想type: 'area'以實現可視化。

Highcharts.chart('container', { 
    data: { 
     table: 'freq', 
     startRow: 1, 
     endRow: 17, 
     endColumn: 7 
    }, 

    chart: { 
     polar: true, 
     type: 'area' 
    }, 

http://jsfiddle.net/0mb1s1jd/1/