2013-08-08 5 views
3

Я пытаюсь выровнять легенду внизу справа в highstock. Он работал, пока я не был вынужден перейти на highstock 1.3.4.Как выровнять легенду высоких карт внизу справа?

Проблема в том, что теперь навигатор покрывает легенду. Это не идеально:

http://jsfiddle.net/sy8dE/

Я совместив легенду следующим образом:

$(function() { 
$('#container').highcharts('StockChart', { 

    chart: { 
    }, 

    legend: { 
     enabled: true, 
     floating: true, 
     verticalAlign: 'bottom', 
     align: 'right' 
    }, 

    rangeSelector: { 
     selected: 1 
    }, 

    series: [{ 
     name: 'USD to EUR', 
     data: usdeur 
    }] 
}); 
}); 

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

ответ

13

В дополнение к указанию выравнивания легенды вы также можете компенсировать его с помощью смещений x и y. Например, в вашем случае вы можете переместить его немного вниз, как это: здесь указаны

legend: { 
     enabled: true, 
     floating: true, 
     verticalAlign: 'bottom', 
     align:'right', 
     y:40 
    }, 

http://jsfiddle.net/kqvNJ/

Другие варианты легенды: http://api.highcharts.com/highcharts#legend.y

+0

Это будет делать. Спасибо :) – anber

+1

Имейте в виду, что вам нужно указать 'chart: {spacingBottom: n}' или 'chart: {spacingTop: n}' где 'n' - число больше, чем вы указываете в опции' y' в ' legend: {} 'иначе вы не увидите свою легенду. – Seichi

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