带有 Highcharts 插件的 Polar 型图表

Question

我正在尝试制作一个极坐标类型的图表，它类似于： http://star-board-sup.com/2015/wp-content/uploads/2014/09/11_6x30_astro_touring.png

基本上我有 4 个值，范围都在 1-10 之间，并且需要它们以上述方式显示...所以在轴上伸展。你能帮我用 Highcharts 完成吗？看起来很像他们的极地图，但我不知道如何显示它。

感谢大家的帮助

Answer 1

下面是重建极坐标图的简单尝试： http://jsfiddle.net/c6unynr2/

这个选项应该可以满足您的大部分需求：

chart: {
    polar: true
},

xAxis: {
    categories: ['Tracking', 'Maneuverability', 'Stability', 'Speed'],
    tickmarkPlacement: 'on',
    lineWidth: 0            
},

yAxis: {
    lineWidth: 0,
    min: 0,
    max: 10,
    tickmarkPlacement: 'on'
},


series: [{
    type: 'line',
    name: 'Line',
    data: [1, 2, 3, 4]
}]

带有 Highcharts 插件的 Polar 型图表

Polar type chart with Highcharts plugin

javascript

charts

highcharts