Highcharts - 如何使图例项宽度为容器的一半？

编程问答 2022-05-13

问题描述

我有一个图例项的很长的文本，我知道有一个键：itemWidth 可以设置宽度，但它只能是数字。但我的图表在一个可调整大小的 div 内，因此可以更改宽度。有没有办法在更改图表大小时设置容器的 itemWidth 一半？

enter image description here

我希望它始终与 2 列对齐，如下所示：

enter image description here

我想要图例区域内的项目，它的宽度应该是图例区域的 50%（有一个属性 itemWidth，但它只能是一个数字）。

解决方法

设置 legend.width: '50%' 应该可以解决您的问题。

演示：https://jsfiddle.net/BlackLabel/hft7961a/

API：https://api.highcharts.com/highcharts/legend.width

highchartshighchartsreact-highcharts