Highcharts设置图例高度

Question

给定以下的fiddle， http://jsfiddle.net/JoelStransky/5QCmG/1 如何设置图例高度，使其不需要导航？该api没有legend.height属性。

- Joel Stransky

Answer 1

我认为也许可以使用maxHeight属性来实现，但是无法改变高度。

我尝试了一下y属性，并找到了一个似乎相当不错的方案。您可以根据需要进行微调。

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

- Trevor

---

完全不明白为什么它能够工作，但它在除了 verticalAlign 受损之外的某种程度上确实能够工作。但是...这是我今天拥有的最佳选择，所以... - Joel Stransky

我也不明白为什么它能工作。我猜测这可能与Highcharts的CSS设置有关。 - Ethan Wu

Answer 2

Highcharts会根据其中的图例项计算图例的高度。如果超出了图表的高度，可能会导致问题。在图例中，您可以使用maxHeight限制高度，但是如果图例高度超出了maxHeight，则会出现导航控件。因此最好自己计算所需的高度并将其提供给maxHeight以避免出现导航控件。

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

希望这个能够工作。

- Strikers

Answer 3

看起来当计算出的图例高度超过一定值时，Highcharts触发导航。因此，如果这是选项，您可以增加图表的高度。

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

- Ethan Wu