2013-04-08 2 views
1

Я использую highcharts для рисования некоторых графиков. Я использую основную линию сюжета, как это:Легенда на дне с высокими диаграммами

http://www.highcharts.com/demo/spline-irregular-time

Как я могу отобразить легенду под карты местности, а не в порядке?

http://www.highcharts.com/demo/column-stacked-percent

Thx

+0

API Highcharts -> [легенда Align] (http://api.highcharts.com/highcharts#legend.align) –

+0

Вы не можете поместить его под график, я я не сделал этого – Sebastien

+0

извините, вам нужно [verticalAlign] (http://api.highcharts.com/highcharts#legend.verticalAlign) быть «снизу». –

ответ

4

marginBottom можно использовать, чтобы положить легенду в нижней части диаграммы. Вы можете использовать свойство legend для перемещения легенды, например, в середине или вправо (я использовал центр).

chart: { 
     marginBottom: 100 
    }, 

    legend: { 
     align: 'center', 
     verticalAlign: 'bottom', 
     x: 0, 
     y: 0 
    }, 

Возможное решение: fiddle

2

Имея легенду под диаграммы по умолчанию, так что вы можете опустить legend Собственость полностью. Имейте в виду, что для того, чтобы сделать этот вид приятным, вам нужно добавить немного к нижнему краю, иначе диаграмма и легенда будут перекрываться.

chart: { 
    type: 'line', 
    marginRight: 130, 
    marginBottom: 70 // Increase this to 70 or so 
}, 
// Remove the legend property completely 

Here's a demonstration.

Смежные вопросы