如何将highcharts图例对齐到右下角？

Question

我试图在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
    }]
});
});

如何让导航器不覆盖传奇？

Answer 1

除了指定图例的对齐外,还可以使用x和y偏移来偏移它.例如,在您的情况下,您可以将它向下移动一点:

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

http://jsfiddle.net/kqvNJ/

其他图例选项在此处指定:http://api.highcharts.com/highcharts#legend.y