highcharts - 如何将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