highstock - 图例覆盖图表

Question

我有一个包含许多系列的 highstock 图表。我将带有系列名称的图例放在图表下方。问题是我无法提前知道图例的高度，有时它恰好太大以至于覆盖了上面的图表。

是否可以使图形的大小适应javascript代码中图例的大小？对我来说最好的解决方案是保持图形的大小不变并扩大封闭元素的高度。

编辑： 一个类似于我的情况的jsfiddle：http: //jsfiddle.net/KfWDD/1/

var chart = new Highcharts.StockChart({     
    chart: {
        renderTo: 'container'
    },
    legend: {
        enabled: true,
    },
    rangeSelector: {
        selected: 1
    },
    series: [{
        name: 'ADBE',
        data: ADBE
    }, {
        name: 'MSFT',
        data: MSFT
    }]
});

我想在导航器下方有图例。我可以通过修复元素中的一些边距和偏移来获得这一点，但是如果图例变得太高，布局就会中断。

Answer 1

您可以为图例设置maxHeight，并添加固定边距以为该图例腾出一些空间。