Как уменьшить границу над полярной диаграммой с помощью 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' 
} 

Это значение в пикселях.