Question

鉴于以下小提琴， http://jsfiddle.net/JoelStransky/5QCmG/1

如何设置图例高度以便不需要导航？ api没有legend.height属性

Answer 1

我想也许maxHeight属性会这样做，但无法改变高度。

我以为我会把y属性搞得一团糟，发现一个看起来效果很好的场景。您可以根据需要进行调整。

 legend:{
            align: 'right',
            verticalAlign:'middle',
            width: 200,
            itemWidth: 100,
            y: 85
        },

Answer 2

Highcharts根据图例中的图例项目计算图例的高度。如果这会溢出图表高度，那么可能会导致问题。

在图例中，您可以使用maxHeight限制高度，但如果图例高度溢出，则会显示maxHeight导航控件。所以最好自己计算所需的高度，并将其交给maxHeight以避免导航控制，

maxHeight: (no. of legend Items or series count) * line height of each item/2

希望这可行。

Answer 3

当计算的图例高度超过特定值时，似乎Highcharts会触发导航。因此，如果可以选择，您可以增加图表的高度。

<div id="container" style="min-width: 310px; height: 450px; margin: 0 auto"></div>

Highcharts设置了传奇高度

3 个答案: