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

Posted 2023-03-06

【中文标题】如何在 highstock 中配置具有特定高度的图例？

【英文标题】：How can I configure the legend with a specific height in highstock?

【发布时间】：2014-04-08 02:18:04

【问题描述】：

无论图表中有多少系列，我都需要高度为 450px 的图例，我使用

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

但这没有效果，我需要图例中的填充选项，但只填充底部，我该怎么做，谢谢

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

【问题讨论】：

请为此提供一些 html。或者你有 Fiddle 吗？

我更新我的问题，谢谢

【参考方案1】：

Highcharts 为 legendHeight 提供了一个 maxLimit。

legend: maxHeight: 475

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

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

希望对你有用

【参考方案2】：

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

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

我刚刚尝试使用开发人员工具来检查它是否有效。所以总而言之，你需要增加容器以适应增加的高度，从rect的父母开始。