带有Highcharts插件的Polar类型图表

时间:2015-02-05 10:07:52

标签: javascript charts highcharts

我正在尝试制作极性类型图表,类似于: http://star-board-sup.com/2015/wp-content/uploads/2014/09/11_6x30_astro_touring.png

基本上我有4个值,范围从1-10,并且需要以上面的方式显示...因此在轴上伸展。你能帮我用Highcharts来帮助我吗?看起来类似于他们的极性类型图表,但我无法弄清楚如何显示它。

感谢所有帮助

1 个答案:

答案 0 :(得分: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]
}]