Question

我正试图在highstock的右下方对齐一个传奇。它曾经工作，直到我被迫升级到highstock 1.3.4。

问题是现在导航器正在覆盖传奇。这不太理想：

我按照以下方式对齐图例：

$(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

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

1 个答案: