如何在高库中配置具有特定高度的图例？

Question

我需要一直有450px高度的图例而不管图表中有多少系列，我用

                $('.highcharts-legend rect').attr('height','475');

但这没效果，我需要像传说中的填充选项，但只需填充底部，我该怎么办，谢谢

这个例子没问题http://jsfiddle.net/DZLdt/我只想做类似的事情                      传奇配置中的高度：475

Answer 1

Highcharts为legendHeight提供了maxLimit。

legend: { maxHeight: 475 }

但如果其中的项目数量较少，则图例缩小但传说不会超出maxHeight。如果所有项目都更多，导航器将启动图例。

API ref：http://api.highcharts.com/highstock#legend.maxHeight

我希望这会对你有所帮助

Answer 2

我看到的文档中没有高度设置属性。您可以使用在问题中使用的相同代码来设置rect的高度，但我看到您的svg超出了界限。因此，您需要使用下面的脚本手动设置正在绘制的svg的height属性，以便在svg内部增加图例的高度。

$('.highcharts-container svg').height(heightToIncludeTheIncrease);

我只是尝试使用开发人员工具来检查它是否有效。因此，在合作中，您需要增加容器以适应增加的高度，从rect的父母开始。