如何使用HighCharts降低极坐标图上的余量？

Question

在这种情况下与图像显示。保证金太大。无论如何要让它变小甚至为零？

http://jsfiddle.net/7rLnwdxu/1/

代码：

$(function() { 

$('#container').highcharts({ 

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

    title: { 
     text: 'Budget vs spending', 
     x: -80 
    }, 

    pane: { 
     size: '80%' 
    }, 

    xAxis: { 
     categories: ['Word1_Word2', 'Word1 Word2', 
     'Word1 - Word2', 'Word1-Word2', 
     'Word1 Word2', 'Word1 Word2'], 
     tickmarkPlacement: 'on', 
     lineWidth: 0 
    }, 

    yAxis: { 
     gridLineInterpolation: 'polygon', 
     lineWidth: 0, 
     min: 0 
    }, 

    tooltip: { 
     shared: true, 
     pointFormat: '<span style="color:{series.color}">{series.name}: <b>${point.y:,.0f}</b><br/>' 
    }, 

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

    series: [{ 
     name: 'Allocated Budget', 
     data: [43000, 19000, 60000, 35000, 17000, 10000], 
     pointPlacement: 'on' 
    }, { 
     name: 'Actual Spending', 
     data: [50000, 39000, 42000, 31000, 26000, 14000], 
     pointPlacement: 'on' 
    }] 

}); 
}); 

Answer 1

您可以用 'marginTop' 在图表选项属性像这样做：

chart: { 
    marginTop: 10, 
    polar: true, 
    type: 'line' 
} 

该值以像素为单位。